@import url("reset.css");

@media screen and (min-width: 641px) {
*{ padding:0px; margin:0px; font-family: '微軟正黑體'; font-size:16px; }           
body {font-family: "微軟正黑體",Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration:none; width:100%; /*box-sizing:border-box*/ }


/*====手機版語法====*/
#BLACK{	display:none;}
.m_footer_info{	display:none;}
.m_copyright{display:none;}
.shopflm{display:none;}
.mo_mytab{display:none;}
.mshare{display:none;}/*分享*/
.Cellphone{display:none;}
.Mobileopen{display:none;}
.m_shopinfo{display:none;}/*左邊商店資訊*/
.mdesc{display:none;}/*左邊商品說明 商店的話*/
.desc{display:inline; float: left; width: 96%; border: 1px solid #CCC;}
/*===版頭===*/
.header_t{
    display: block;
    z-index: 9998;
    top: 0px;
    right: 0;
    width: 100%;
    height: 45px;
    background-color: #f2f0f0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bababa;
    box-shadow: 0px 1px 1px 1px #E6E6E6;
}

.in_header_t{ width: 1090px;height: 45px; margin:0 auto;}
.login_1 ul li{ float:left; list-style:none;} 

/*===中央設定===*/
.container{ width:1170px; padding:10px; margin:0 auto; clear:both;}
.in_content_help{ width:1090px; height:auto; display:block; margin:0 auto;}

.wrapper{ width:100%; min-height:20px; display:block;}
.in_wrapper{ width:1090px;  min-height:30px; display:block; margin:0 auto; position:relative;}
.logo a{ /*background-image: url(../images/logo_0112_200x35.png);*/	background-repeat: no-repeat;	width: 330px;	height: 35px;	display: inline-block;
    position: absolute;	padding-bottom: 0px;	padding-left: 0px;	padding-right: 15px;	top: 6px;}
.logo span{line-height: 30px;	position: absolute;	left: 207px;top: 3px;color: #333;width: 175px;}

/*===版頭選單===*/
.header_menu {width:400px;display: block;height: 25px;margin-top:12px;line-height: 25px;}
.header_menu li {	float: left;	list-style-type: none;	margin-right: 0px;	height: 50px;	padding-right: 18px;	background-image: url(../images/arrow/menu_ui.png);	background-repeat: no-repeat;	background-position: right 9px;}
.header_menu li a { padding-left: 15px;	display: block; color: #333;}
.header_menu li a:hover {color: #36C; text-decoration:none;}

/*===分隔線===*/
.i_line {margin-right: auto;margin-left: auto;width:1170px; height:8px;	clear: both;}
.i_o_line {	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F39929;height: 10px;margin-bottom: 10px;display: block; width:100%;}
.i_h_line {display:block; border-bottom:0px #CCCCCC dashed; margin:10 auto; }

/* shopfl:36 shopfr:64 = 100*/
.shopfl{float:left; width:36%;}
.shopfr{float:left; width:53%;}
.motitle{ display:none;}

/*===商家商輪播=== */
.photo{ width:400px ; height:400px; display:block; margin:0px auto; }
.photo img{ width:90%; height:auto; }

/*===右邊上方商家訂單資訊===*/
.payiton{display:block;width:100%; }
.payiton h2{color:rgb(11, 117, 160); border-bottom:1px rgb(11, 117, 160) solid;} 
.payiton_in{display:block;width:100%;}
.payiton_in ul li {list-style:none;}
.payiton_in li{padding-top:10px;}

/*===選擇付款方式===*/
.choose_payment_n {display:block;width:100%; height:40px; clear:both;background-color:rgba(14, 151, 228, 0.26);}
/*.choose_payment{ ; background-color:#ffe596;  display:block; padding:10px 0 10px 20px;}*/
.choose_payment{background-color:#ffe596;  display:block; padding:10px 0 10px 20px;}
.choose_payment ul li{ float:left; background-color:#ffe596;display:block; padding:8px; margin:0px; list-style:none; }
.choose_payment ul li h2{color:#333; padding-left:20px; display:block;  vertical-align:middle; height:30px; line-height:30px; }
.choose_payment_in{ }
.choose_payment_in h3{color:#630; padding:0px; float:left;display:block; height:30px; line-height:30px;}
.choose_payment_in .card_n{ float:right; width:100%;}
.choose_payment_in ul li{ float:left;}
.choose_payment_in .other_n{ float:right;}

/*===秀出選擇的付款方式===*/
.payment_show{display:block;width:100%;color:#FFF;}
.payment_show_in{display:block;width:100%;  background-color:#f6f6f6; float:left;}
.payment_show_in .card ul li{list-style:none; padding:4px; line-height:25px;}

/*===按鈕===*/
/*.paybon{display:inline-block;  width:116px; height:28px;text-align:center;}*/
.paybon {
    display: inline-block;
    width: 143px;
    height: 41px;
    text-align: center;
}
.paybon_custom{width:auto; height:auto; min-width:116px}

/*===付款人資訊===*/
.payinfo_n {display:block;width:100%; height:40px; clear:both;background-color:rgba(14, 151, 228, 0.26);}

/*===付款人資訊內容===*/
.payinfo_in ul li{padding-top:10px; list-style:none;}

/*===商家logo圖===*/
.shoplogo{width: 800px;height: 300px;margin: 0px auto 5px; clear: both; display: block; text-align: center;}

/*===分享到fb line qrcode===*/
.share{ display:inline; text-align:left;}

/*===商店資訊===*/
.shopinfo{ margin:0px; width:98%; float:left}
.shopinfo_in{ margin:px; width:98%; border:1px solid #CCC; }
.shopinfo_in h2{color: #333; padding: 6px 0 5px 11px;display: block;background-color: #eee; margin-top: 15px;}

/*===收件人資訊===*/
.addressee{display:block;width:100%;height:40px; clear:both;background-color:rgba(14, 151, 228, 0.26);}

/*===(八)留言給商店===*/
.messageto{display:block;width:90%;height:40px; clear:both;background-color:rgba(14, 151, 228, 0.26);}

/*===隱私權&服務平台===
ru 刪除  width:1170px;  20160105*/
.privacy{margin:0px auto;  width:1170px;text-align:center;}
.privacy_in a{width:100%; display:block;  background-color:#f2f2f2; border:1px solid #ccc;  border-radius:5px; text-align:left; padding:8px 0 8px 20px;}

/*===版尾===*/
.i_footer_100{width: 100%; margin-bottom:30px;	display: block;	overflow: hidden;clear: both; }	
.i_footer {width: 100%;	background-color: #f9f9f9;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.info_table tbody .hover_on {background-color: #FFC;}

.copyright {height: 20px;width: 1000px;	margin-top: 8px;margin-right: auto;	margin-left: auto;	font-size: 16px;color: #999;line-height: 20px;	text-align: center;	}
.i_footer_wap {margin-right: auto;	margin-left: auto;	overflow: hidden;	width: 1000px;	height: 100px;}
.i_footerloger {float: left;height: 90px;padding-top: 10px;}
.i_footer_info {height: 95px;margin-left: 15px;	display: block;	float: left;width:70%; ;text-shadow:0px 1px #fff; font-size: 15px;color: #666;padding-top: 5px;}
.i_footer_info ul {	list-style-type: none;}
.i_footer_info ul li {height: 28px;	display: block;	line-height: 28px; }

/*===表格===*/
.info_table{border-top-width: 2px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #666;border-bottom-color: #CCC;border-left-color: #CCC;}
.info_table thead tr td {border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCC;border-bottom-color: #CCC;}
.info_table tbody tr td {border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #CCC;border-bottom-color: #CCC;padding: 10px;	line-height: 20px;}
.info_table thead tr td {color: #333;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #555;cursor: default;background-color: #eee; border-bottom-color: transparent;}
/*========================================================================================================================================================*/

.ml-20 {
    margin-left: 20px;
}
.div_login_btn {
    font-size: 14px !important;
    font-family: Arial,微軟正黑體 !important;
    font-weight: normal !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 1px solid #e3891c !important;
    padding: 7px 25px !important;
    text-decoration: none !important;
    background: -moz-linear-gradient( center top, #f2c218 5%, #f0911d 100% ) !important;
    background: -ms-linear-gradient( top, #f2c218 5%, #f0911d 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c218', endColorstr='#f0911d') !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f3c110), color-stop(100%, #f0911d) ) !important;
    background-color: #f0911d !important;
    color: #ffffff !important;
    display: inline-block;
    text-shadow: 1px 1px 0px #db8215 !important;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff !important;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff !important;
    box-shadow: inset 1px 1px 0px 0px #fff7d4 !important;
}.div_login_btn:hover {
    background:-moz-linear-gradient( center top, #f2c218 5%, #f0911d 100% ) !important;
    background:-ms-linear-gradient( top, #f0911d 5%, #f0911d 100% ) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2c218', endColorstr='#f0911d') !important;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f0911d), color-stop(100%, #f0911d) ) !important;
    background-color:#f0911d !important;
}.div_login_btn:active {
    position:relative !important;
    top:1px !important;
}

#show_img > img , .pic_div > img{ display:none;}
#pic_area{height:350px; margin-right:15px;}
#show_img{text-align: center; height:350px; border: 1px solid #ddd; width:100%;}
.thumbnail{ display: inline; margin-bottom: 0; border: none;}
.pic_div{ 
    position: relative;
    height:68px; 
    float:left; 
    display:table-cell;
    text-align:center;
    vertical-align:middle; 
    margin: 5px 2px 5px 0px;
    background-color: #fff;
    border: 1px solid #ddd; 
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nav > li > a { display: block; padding: 2px 10px; position: relative;}
.payinfo_in_name { padding-left:32px; }
.other{margin-top:10px;}
label {font-weight: 100;}
.bank_text {font-weight:bold; margin-right:10px; font-size: 16px;}

.payiton_in_div { width:100%; padding-bottom:10px;}
.payiton_in_shopinfo_left { width: 30%; float: left;  text-align:right;}
.payiton_in_shopinfo_right { width: 100%;word-wrap: break-word;}

.payiton_in_order_left_shop {text-align: right;}
.payiton_in_order_left_shop, .payiton_in_order_right_shop { width: 100%;  height:35px; }
.input_text{ width: 70%;  height: 35px; margin-left:-5px; margin: 3px 0;}
.SubProdList_a, .SubProdList_b, .Quantity { width:70%; height: 30px; padding: 0px 0px 0px 5px; font-size:16px;}
input.ProductPrice { width:60.5%; height: 30px; padding: 0px 0px 0px 5px; font-size:16px;}

.number, .aenumber{ width: 12%;}
.aenumber:nth-child(2) {width:10%;} 
.aenumber:nth-child(3) {width:14%;} 
#LimitY, #LimitM, #aeLimitY, #aeLimitM,#unionLimitM, #unionLimitY{ width: 19%; }
#cvc, #LimitMY, #aecvc, #aeLimitMY, #UnionCVC, #UnionLimitMY{ width: 19%;}

.explain{width:95%; display:none;}
.card_top_div {padding: 25px 0px 0px 10px; margin-top:15px;}
.card_first_div {padding: 5px 0px 0px 10px; }
.card_last_div {padding: 25px 0px 0px 10px; }
.card_explane{margin-left: 28px}
.card_in_div_left { width:19%; float:left; margin-top: 2px; text-align:right;}
.card_in_div_right { width:81%; float:left; }
.aecard_in_div_left { width:25%; float:left; margin-top: 2px; text-align:right;}
.aecard_in_div_right { width:75%; float:left; }
.buyr_div{padding:40px 0px 0px 5px}
.buyr_div_first{padding:5px 0px 0px 5px}
.buyr_div_last{margin: 40px 0px 80px 5px;}
/*.buyr_in_div_left { width:13%; float:left; margin-top:3px; text-align:right;}
.buyr_in_div_right { width:87%; float:left; }*/

.buyr_in_div_left { width: 19%; float:left; margin-top:8px; text-align:right;}
.margin_compnay{margin-bottom: 5px;}

.top_css{margin-top:0;}
.buyr_in_div_right { width: 81%; float:left; }

/* border: 1px solid black; */
.mer_div{ width:100%; margin:3px 0px 0px 3px;  float:left; }
.mer_in_div_left { width:21%; float:left; text-align:right; }
.mer_in_div_right { width:79%; float:left;padding-right: 5px;word-break: break-word;;}
.shopinfo_in{float:left; margin-bottom:10px;}

#Invoice_div { width:15%; float:left;}
.InvoiceCompanyNameDiv { display:none; padding: 30px 0px 0px 0px; }
.InvoiceUBNDiv {  display:none; margin-bottom:10px; padding: 40px 0px 35px 0px;}

input[type=radio] {margin:0px}
.ProdDesc, .MerRemark{word-wrap: break-word;word-break: break-all; margin: 30px 0px 0px 0px; padding:5px; }
#merLogoDiv{display:none;}

.mobile_only{display:none;}   /* mobile */
.desktop_only{display:inline;}   /* desktop */
.css_table {display:block; margin-bottom: 5px; border-bottom: 1px rgb(11, 117, 160) solid;float: left; width: 100%;} 
.payiton_in_mobile{display:none;}

.payiton_in_desktop > .css_tr:nth-child(1)  > .css_td{ float: left; font-size:26px; color: rgb(11, 117, 160); width:auto;word-wrap: break-word; word-break: break-all; }
.payiton_in_desktop  > .css_tr:nth-child(2) > .css_td{ float: right; text-align: right; padding-top:15px; width: 20%; }
.payiton_in_desktop > .css_tr:nth-child(2)  > .css_td > span { font-size:14px;  }
.payiton_in_desktop > .css_tr:nth-child(2)  > .css_td > a { cursor:pointer; font-size:14px;  margin-left:3px;}

.card_in_div_last{padding-bottom: 10px; width:100%; float: left; margin-left: 37px; display: block;}
.tip2 {color:red; margin-left:5px;}
.copyright{margin-top:15px;}

.card_mobile_icon {display:none;}
.card_desktop_icon {display:inline;}
#VACC > ul > li > div >  img  { margin:2px 2px 2px 2px;width: 20px; cursor:default;}
#WEBATM > ul > li > div > img { margin:2px 2px 2px 2px;width: 20px; cursor:default;}
#show_error,#show_error_ae{
    margin: 3px 0px 3px 16px;
    font-size: 14px;
    color: red;
}
.modal-content {width:900px;margin-top:120px}

.modal_text {
    font-family: arial,微軟正黑體,Microsoft JhengHei;
    font-size: 24px;
    color: #F39929;
    font-weight: normal;
    line-height: 36px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.bank_table thead {
    border: 1px solid #999;
    line-height: 30px;
    font-weight: normal;
    background-color: #F5F5F5;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    font-size: 14px;
}

.bank_table {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E7E7E7;
    padding-top: 15px;
    padding-right: 8px;
    padding-bottom: 15px;
    padding-left: 0px;
    line-height: 30px;
    font-size: 15px;
    font-family: arial,微軟正黑體,Microsoft JhengHei;
    text-align: center;
    vertical-align: middle;
}

.bank_table thead tr th {text-align: center;}

/*#twzipcode, #twzipcode2 {margin-left: -5px;}*/
.City, .Area{width:27%; margin-right:5px; }
.Post_Code{background-color: #e7e7e7; width: 75px; height: 30px; padding-left: 4px; font-size: 12px}


radio_webatm_bank, .radio_atm_bank, .bank_text {cursor:pointer;}
.cvs-com-text {
    margin-left: 0em;
}

}