@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);

@font-face {
    font-family: Antiqua;
    src: url('../font/ANTQUAB_1.TTF');
}

h1{
	font-weight: bold;
	font-size: 18pt;
}

ul ,li{	list-style: none; padding: 0;margin: 0;}

div{
	transition: all 0.3s;
}

body {
    padding-top: 0px;
	background: url("");
	font-family:Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}
/*--------- banner --------*/
#owl-demo .item{
  /*margin: 10px;
}
#owl-demo .item img{
  /*display: block;
  width: 100%;
  height: auto;*/
}

/*
.owl-prev,
.owl-next{
	position: absolute;
	top: 50%;	
	margin-top: -20px;
}
.owl-prev{ left: -20px; }
.owl-next{ right: -20px; }*/

.breadcrumb {
	padding: 20px 15px 0px;
    background-color: rgba(0,0,0,0);
}

.carousel{padding-top: 116px;}

/*.carousel-inner>.item{overflow-x: hidden;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    width: 100%;
    height: 100%;
}*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 812px) {
    .carousel{padding-top: 0px;}
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*------ -banner end -------*/

.header{
	width: inherit;
	height: 125px;
	border-bottom: 1px solid #BE7125;
}
.nav_btn{
	position: absolute;
	width: 300px;
	right: 10px;
	top:40px;
	line-height: inherit;
	text-align: center;
	color: #926D63;
	font-weight: bold;
	z-index: 10;
	padding-bottom: 0;
}


.nav_btn > div{
	width: 64px;
	overflow: hidden;
	vertical-align: top;
	opacity: 1;
	transition: all 0.2s;
	cursor: pointer;
}
.nav_btn > div:hover{
	opacity: 0.8;
}
.nav_btn .txt{
	width: inherit;
}

.nav_btn .buy_cart{
	width: 80px;
	text-align: left;
}

.nav_btn > div,
.nav_btn > div > div { display: inline-block;}
.nav_btn > div > .icon{	
	width: 64px;
	height: 63px;
	background-image: url("../images/nav_btn.svg");
	background-repeat: no-repeat;
}

.nav_btn > .hotfood .icon {
	background-image: url("../images/nav_btn_hot.png");
	background-position: center -1px;
}

.nav_btn > a ,
.nav_btn > a > div { display: inline-block;}

.nav_btn > a > .icon {
	width: 64px;
	height: 63px;
}

.nav_btn > a > .hotfood .icon {
	background-image: url("../images/nav_btn_hot.png");
	background-position: center -1px;
}

.nav_btn .addmem > .icon{ background-position: 0 0; }
.nav_btn .login > .icon{ background-position: -64px 0; }
.nav_btn .logout > .icon{ background-position: -192px 0; }
.nav_btn .buy_cart > .icon { background-position: -128px 0; }
.nav_btn .member > .icon { background-position: -256px 0; }

.buy_cart{
	position: relative;
}

.nav_btn .buy_cart .count{
	background-color: #926D63;
	position: absolute;
	right: 9px;
	top: 10px;
	border-radius: 20px;
	color: white;
	font-weight: 100;
	width: 30px;
	height: 30px;
	line-height: 20pt;
	text-align: center;
	border: 2px solid white;
	font-size: 10pt;
	letter-spacing: 0;
}

.nav .nav_btn{
	position: relative;
	width: 220px;
	right: 0;
	top: 0;
	line-height: inherit;
	text-align: center;
	color: #926D63;
	font-weight: bold;
	z-index: 10;
	padding-bottom: 10px;
	margin: 0 auto;
}


.logo{
	position: absolute;
	overflow: hidden;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.index_frame {
	padding: 50px 0;
}

.main{
	overflow: hidden;
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	background-image: url("../images/bg_main_cake.png");
	background-position: top right;
	background-repeat: no-repeat;
}

.modal-title,
.left_content .title{
	font-family: Antiqua ,cwTeXMing, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #8A614B;	
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
}
.b_bottom{
	border-bottom: 1px dashed #ccc;
}
.right_content .title{
	font-size: 13pt;
	letter-spacing: 1pt;
	margin-bottom: 20px;
	color: #5B3B2D;	
	/*padding-left: 10px;*/
	margin: 40px 0 20px;
	font-weight: bold;
}

.cart .title{
	padding: 0 15px;
}


.news_row{
	font-size: 11pt;
	letter-spacing: 1pt;
	overflow: hidden;
	padding: 5px 10px;
}
.news_row > div{
	float: left;
}
.news_row .date{
	color: #A0180A;
	width: 100px;
}
.news_row .txt{
	color: #5B3B2D;
	width: 480px;
	
	display : inline-block;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}

.right_content .description{
	font-size: 11pt;
	line-height: 25pt;
	/*padding-left: 18px;*/
	margin-bottom: 20px;
	overflow: hidden;
}

.right_content .description img{
	max-width: 100%;
	/*border-radius: 20px;*/
}
.modal-header,
.modal-footer{ border: 0; }
.right_title{
	padding-top: 0;
	text-align: center;
}
.right_body{
	width: 100%;
	padding: 45px 0;
	font-size: 11pt;
	line-height: 26pt;
	font-weight: bold;
	text-align: center;
	font-family: Antiqua ,cwTeXMing, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}


button.close { padding: 10px 15px; }
.pad3{
	padding: 10px 30px;
}
.modal-inner{
	width: 100%;
}

.modal_btn{
	margin: 10px 0;
}
.memo{
	color: #666;
	font-size: 10pt;
	margin: 10px 0;
}
.modal-title b,
.index_title b,
.left_content .title b{
	font-size: 15pt;
	letter-spacing: 2pt;
}


.left_content #menu > li{
	padding: 10px 0;
	font-size: 12pt;
	letter-spacing: 1pt;
}

.left_content .ad_pic/*,
.left_content .submenu*/{
	display: inherit;
	
}
.menu1{
	display: none;
}
.menu1 > li{
	padding: 10px 10px;
	font-size: 11pt;
}
.menu1 > li a,
.menu1 > li a:link,
.menu1 > li a:hover{
	color: #8A614B;
}
.left_content .ad_pic{ 
	padding: 20px 0 40px; 
}

.left_content .ad_pic img{
	/* width: 170px; */
	width: 240px;
	border-radius: 2px;
	border: 1px solid #ccc;
    margin-bottom: 15px;
}


a, a:link, a:hover { color:#636363; }
.right_content{
	line-height: 22pt;
	font-size: 11pt;
}

.about {
	max-width: 100%;
}
	.about img {
		width: 100%;
		height: auto;
	}

.ul_title{ 
	display: none; 
	background-color: #926D63;	
	background-image: url(../images/menu_down.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	color: white;
	padding: 15px 20px;
	border-radius: 2px;
	font-size: 12pt;
	letter-spacing: 2px;
	cursor: pointer;
}


.index_title{
	text-align: center;
	color: #5B3B2D;
	font-size: 16pt;
	padding: 60px 0;
	letter-spacing: 2px;
	font-weight: bold;
	font-family: Antiqua ,cwTeXMing, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}

.index_descript{
	text-align: center;
	color: white;
	letter-spacing: 2pt;
	line-height: 25pt;
	font-size: 12pt;
}
.title_banner{
	background-image: url(../images/title_bg.png);
	background-position: center -180px;
	background-attachment: fixed;
	background-size: 100%;
}
.title_txt{
	text-align: center;
	color: #5B3B2D;
	font-size: 16pt;
	padding: 40px 0;
	letter-spacing: 2px;
	font-family: Antiqua;
	font-weight: bold;
}
.title_txt b{
	font-family: cwTeXMing;
	font-weight: 100;
}
.index_prod img{
	width: 100%;
    height: auto;    
    transform-origin: center;
    cursor: pointer;
	border-radius: 20px;
}
.p_pic img,
.index_prod img{	
	-webkit-transition: opacity 0.35s;
    transition: all 0.35s ease-out 0s;
	
}

.p_pic img:hover,
.index_prod img:hover{
	filter: contrast(120%);	
}


.index_prod .txt{
	text-align: center;
	/*color: white;*/
	font-size: 12pt;
	letter-spacing: 1pt;
}

.index_prod .prod{
	margin-bottom: 30px;
}

.index_prod .prod .img{
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}


.center{
	text-align: center;
}

/*   background   */

.bg_brown{ background: url(../images/bg_brown.png) center top fixed; background-size: cover; }
.bg_grid { background: url(../images/bg_grid.jpg); }
/* .bg_box { background: url(../images/bg_box.jpg) fixed;
background-position: center;} */
.bg_box {background-image: url(../images/bg_box.jpg);
	background-size: cover;
	background-position-x: center;
	background-position-y: center;}


.bg_cake { 
	background: url(../images/bg_cake.jpg) top right no-repeat;
	background-size: 720px;
}
/*   background end   */

b,
.pc_show{ display: block;}
.m_show{ display: none;}



.navbar { margin-bottom: 0px;}
.navbar-brand{
	height: 70px;
	padding: 10px;
}
.navbar-toggle{ margin-top: 20px; }
.container-fluid{ position: relative; }

.top{
    /*position: absolute;    
    right: 10px;
    top: 10px;*/
    /*width: 200px;*/
    padding: 10px 10px 0 0;
    float: right;
}
.nav{
    font-size: 12pt;
	font-family:cwTeXMing, "微軟正黑體", "微軟雅黑體", serif;
	font-weight: bold;
    /*padding: 48px 0 0 0px;*/
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
	width:inherit;
}
.navbar .navbar-collapse {
    text-align: center;
}

.news-area{
    /*border-left: 12px solid #01A1E8;*/
    padding: 5px;
    margin-bottom: 10px;
    font-size: 15pt;
    font-weight: 700;
}
.news-title,
.news-date {   
    display: inline-block;
	font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}
.news-title{
    padding: 5px 0 5px 0;
    color: #25738E;
    font-weight: 700;
    font-size: 13pt;
	max-width: 82%;
	font-size: 1.1em;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;	
	vertical-align:middle;
} 

.media_title{
	padding: 5px 0 5px 0;
	letter-spacing: 1pt;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;	
	vertical-align:middle;
}

.mediaV_title:before,
.media_title:before{
	content: url(../images/media_t_icon.png);
	position: relative;
	padding-right: 7px;
	top: 4px;
}

.news-date{
    padding: 5px 0 5px 10px;
	width: 120px;
	color: #A0180A;
}

.news-title a:link {color:#5B3B2D; text-decoration:none;} 
.news-title a:visited {color:#5B3B2D; text-decoration:none;} 
.news-title a:hover { color:#666; text-decoration:none;} 
.news-title a:active {color:#5B3B2D; text-decoration:none;}

.row_frame{
	border-bottom: 1px dashed #ccc;
	padding: 5px;
}
.news-frame{
    margin: 0;
    padding: 20px 0 80px 0;
    border-radius: 15px;
}

.index-btn{
	/*border: 1px solid #000*/
	width: inherit;
	margin: auto;
	height: 30px;
	margin: 40px 0 20px;
	position: relative;
	letter-spacing: 2pt;
}
.store_frame{
	border: 1px solid #ccc;
	border-radius: 20px;
	overflow: hidden;
	padding: 30px 20px;
	margin-bottom: 20px;
}

.store_title{
	font-size: 16pt;
	font-family:cwTeXMing, "微軟正黑體", "微軟雅黑體", serif;
	font-weight: bold;
	color: #8A614B;
	padding: 5px 0;
}
.store_txt1,
.store_txt{
	margin: 10px 0;
	width: 100%;
	overflow: hidden;
}

/*.store_pic,
.store_dec {
	float: left;
}
*/

.store_pic{text-align: center;margin-bottom: 10px;}
.store_dec{	width: 300px; }
.store_pic img{	width: 100%; }

.store .store_txt1,
.store .store_pic{
	width: 45%;
	float: left;
	padding-right: 2.5%;
	padding-bottom: 20px;
}
.store .store_pic
.store .store_pic img{
	max-width: 100%;
	height: auto;
}

.p_pic{
	width: 100%;
	margin: 20px 0;
}
.p_pic img{
	width: 100%;
	border-radius: 20px;
}

.p_title,.p_price{
	padding: 5px 0;
	font-size: 12pt;
	text-align: center;
	line-height: normal;
}

.pv_title,.pv_price{
	padding: 5px 0;
	
	line-height: normal;
}
.pv_title{
	letter-spacing: 2pt;
	font-size: 14pt;
}
.pv_num,
.pv_txt,
.pv_price{
	font-size: 11pt;
	color: #888;
	
}
.pv_txt{
	line-height: 18pt;
	letter-spacing: 2pt;
	padding: 10px 0;
}

.pv_top_intro,
.pv_intro{
	overflow: hidden;
	margin-bottom: 30px;
}

.pv_title,
.p_title{
	color: #926D63;
	
}
.p_row{
	margin-bottom: 20px;
}

.p_row:nth-child(3n+1){
	clear: both;
}

.tab-content{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-radius: 0 0 2px 2px;
	color: #666;
}
.tab-content img{
	max-width: 100%;
}
.nav-tabs  >li {
	font-size: 11pt;
	font-family:Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}
red{ font-weight: bold; color: #D30707; }

.pv_price red{
	font-size: 16pt;
}
.tab-pane{
	padding: 20px;
}
.pv_price > div,
.pv_num select{
	width: 140px;
	margin-left: 10px;
	display: inline-block;
}
.pv_num{
	margin: 10px 0 50px;
}
.shop_count{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	min-width: 100px;
	overflow: hidden;
}
.shop_count input,
.shop_count button{
	float: left;
	outline: none;
}

.shop_count button{	
    width: 3.2rem;
    height: 3.2rem;
    background: white;
	border: 1px solid #ccc;
	font-size: 16pt;
	color: #666;
}
.shop_count input{
	font-weight: bolder;
    width: 5rem;
    height: 3.2rem;
    border-left: none;
    border-right: none;
    font-size: 1.6rem;
    font-weight: normal;
    color: #ff5722;
	text-align: center;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.shop_count button:hover{
	background-color: #eee;
}

.table>tbody>tr>td,
.prod_list td,
.prod_list, .prod_list th{
	vertical-align: middle;
	text-align: center;
}

/* car1.php */

.prod_list td.cart_des{
	text-align: left;
}

.prod_list td.cart_des .shop_count{
	margin-left: 0;
}
.prod_list td.cart_des .title{
	font-size: 14pt;
	padding-bottom: 8px;
	color: #5B3B2D;
}


.prod_list tr > td:nth-child(1){ width: 20%; }
.prod_list tr > td:nth-child(2){ width: 60%; }
.prod_list tr > td:nth-child(3){ width: 20%; }

.prod_list.table>tbody>tr:nth-child(1)>td {
    border-top: 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 20px 8px;
}


.multi{
	width: 110px;
	display: inline-block;
}

.form-control{
	margin-bottom: 10px;
}

label.add{
	width: 100%;
}
.cart_frame{
	margin-bottom: 20px;
	overflow: hidden;
}
.prod_list .p_price, .prod_list .ps_price{
	display: inline-block;
	margin: 10px 40px 10px 0;
	font-size: 11pt;
	text-align: left;
}
.ps_price span{
	color: #ff5722;
}
.member_t,
.cart_t {
	margin: 10px 0 20px;
	font-size: 14pt;
	font-weight: bolder;
	color: #926D63;
	letter-spacing: 2pt;
}

.well{
	line-height: 20pt;
	color: #7A6D69;
	background-image: url("");
	background-color: white;
	margin-top: 30px;
	margin-bottom: 70px;
}
.well td{
	padding: 5px 20px 5px 10px;
}
.well td:nth-child(1){ text-align: right;}
.well td:nth-child(2){ text-align: left;}
.well red{ display: inline-block; line-height: 30pt;}

/* order */


.order_page{
	margin: 20px 0;
}
.order_page table{
	border-collapse:separate;
	border-spacing: 3px 3px;
	text-align: center;
	width: 100%;
	font-size: 10pt;
	
}

.order_list{
	border: 1px solid #D5CFD4;
	margin: 20px 0;
}
.order_page th{
	background-color: #926D63;
	
	
	color: white;
	text-align: center;
}
.order_page th.no{width: 20%;}
.order_page th.date{width: 20%;}
.order_page th.sum{width: 20%;}
.order_page th.status{ width: 15%;}
.order_page th.detail{ width: 15%;}

.order_page th.name{ width: 40%;}
.order_page th.num{ width: 20%;}
.order_page th.price{ width: 20%;}

.order_page th,.order_page td{
	text-align: center;
	line-height: 15pt;
	padding: 5px 0;
}
.result_list{ margin-bottom: 80px; }
.result_list table{
	text-align: right;
	width: 100%;
	font-size: 10pt;
}
.result_list table td,
.result_list table th{
	padding: 5px 10px;
	text-align: right;
	vertical-align: top;
}


.rule_modal{
	line-height: 22pt;
    font-size: 11pt;
	height: 350px;
	/*overflow-y: scroll;*/
	background-color: #F9F8F7;
	border: 1px solid #E8E8E8;
}

.prod_list .num{
	width: 20%;
}

#rule_modal .modal-title{
	text-align: center;
	padding-top: 40px;
}

/*------- set ---------*/

.fl { float: left;  }
.fr { float: right; }
.cb { clear: both;  }
.text-c { text-align: center;}
.text-l { text-align: left;  }
.text-r { text-align: right; }
.orPad{ padding: 0 15px; }
/*.cartPath .breadcrumb {
    padding: 8px 0px;
}*/
.pr{ position: relative; }


input[type="checkbox"],
input[type="radio"]{
	width: 20px;
	height: 20px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 0px;
    margin-left: -20px;
}

/*------- set end------*/


.radio label{
	margin: 5px 0;
}
.company_invoice {
	width: 100%;
	overflow: hidden;
}
.company_invoice > input {
	margin-left: 20px;
	width: 100%;
}



#bottomMenu{
    overflow:hidden;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: white;
	text-align: center;
	z-index: 100;
	background-color: rgba(0,0,0,0.7);
	font-size: 10pt;
	box-shadow: 0 0 8px rgba(0%, 0%, 0%, 0.5);
}
#bottomMenu a,
#bottomMenu a:link,
#bottomMenu a:visited{color: white;}

.bottom_menu{
	width: 25%;
	float: left;
	overflow: hidden;
	padding: 10px 0; 
}
.bottom_menu{
	border-right: 1px solid #999;
}
/*------- BTN ---------*/


.double_l_btn,
.double_btn{
	 width: 100%; margin: 20px 0; overflow: hidden;
}

.double_btn > button { width: 180px; }
.double_btn > button:nth-child(1){ float: left;  }
.double_btn > button:nth-child(2){ float: right; }
.brown_d-btn:hover{ background-color: #a79696; }


.double_l_btn > button { width: 49%; }

.single_btn{ width: 250px; line-height: normal;margin: 20px 0; overflow: hidden;}



.yellow-btn{
	border: 0;
	font-size: 11pt;
    font-weight: normal;
    color: white;
	/*width: 200px;*/
    text-align: center;
    background: #F8BD14;
    padding: 8px 5px;
    /*margin: 0px 5px;*/
    cursor: pointer;
    transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.2s;
    border-radius: 2px;
	width: 100%;
}
.yellow-btn:hover{ background-color: #E0A614; }

.brown-btn{
	border: 0;
    font-size: 12pt;
    font-weight: normal;
    color: white;
    text-align: center;
    background: #BDAFAF;
    padding: 10px 5px;
    margin: 0px 5px;
    cursor: pointer;
    transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    border-radius: 2px;	
	
	width: 100px;
}

.brown-btn:hover{ background-color: #a79696; }

.brown_d-btn{
	border: 0;
    font-size: 11pt;
    font-weight: normal;
    color: white;
    text-align: center;
    background: #8A614B;
    padding: 8px 5px;
    /*margin: 0px 5px;*/
    cursor: pointer;
    transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s; /* For Safari 3.1 to 6.0 */
    border-radius: 2px;		
}
.pre_btn{
	margin-bottom: 30px;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/*------- BTN end------*/

.pagination>li>a, .pagination>li>span {
    color: #666;
}



.btn-block{ 
	font-family: Antiqua; 
	font-weight: bold;
}
.color-w{ color: white;}
.color-w a,
.color-w a:link,
.color-w a:hover{
	color: white;
}


.text-center{ text-align: center; }
.copyright{
	background: #fff;
	text-align: center;
	padding: 10px 0;
	color: black;
	font-size: 10pt;
}
.in_block{ display: inline-block; vertical-align: top;}

.in_block:nth-child(1){ width: 220px; }
.in_block:nth-child(2){ width: 300px; text-align: left; }
.footer{	
	position: relative;
	margin-top: 0;
    /*background: #fff;*/
	/*color: white;*/
	font-size: 10pt;
	/*-font-weight: bold;*/
	line-height: 20pt;
	letter-spacing: 1px;
	padding: 25px 0;
	text-align: center;	
}
.footer iframe {
    height: 257px;
   /* margin-bottom: 2%;*/
}

.footer ul {
    padding-left: 0;
    list-style: none;
	width: 100%;
}
.footer li {
    
}

/* .icon_bottom:hover{
	opacity: 0.8;
} */
.footer .icon{
	/* width: 150px; */
	width: 300px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 20px;
}

.icon_bottom{
	width: 40px;
	height: 40px;
	display: inline-block;
	margin-right: 6px;
	cursor: pointer;
}

.footer .lineat{
	background-position: 7px 6px;
}

.lineat:hover{
	background-position: 7px -18px;
}

.footer .fb{
	background-position: -24px 6px;
}

.fb:hover{
	background-position: -24px -18px;
}

.footer .pixi{
	/* background-position: -55px 7px; */
	background-position: -55px 7px;
}
.pixi:hover{
	background-position: -55px -18px;
}

#sidemenu {
	/*display: none;*/
	position: fixed;
	right: 16px;
	bottom: 0px;    
	cursor: pointer;
	z-index: 99;
	text-align: center;
}
#sidemenu li:first-child{width: 100px; margin-bottom: 10px;}
#sidemenu li:last-child{width: 100px;}
#sidemenu .gototopbtn img{width: 100px;}
.gototopbtn{display: none;}



/* Small devices (tablets, 768px and down) */
@media (max-width: @screen-xs-max)  {
	.logo img{
		width: 100px;
		height: auto;
	}
    .navbar,
    .nav{
        /*background: rgba( 30%, 30%, 30%, 1);  */		
    }

    .news-title {
		min-width: 70%;
        max-width: 100%;
    }
    .intro-Txt div{
        padding: 0 4% 4% 4%;
    }
	
}

@media (max-width: 1200px){
	.modal .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;}
	
	.modal img{
		max-width: 100%;
	}
    
}
@media (max-width:1100px) {
	
	/*.index_prod .prod .img{ height: 200px; }*/
	
}
@media (max-width:990px) {
	
	.news-date {
		padding: 0px 0 5px 0px;
	}
	.navbar-nav > li{ 
		padding: 3px 5px;		
	}
	/*.index_prod .prod .img{ height: 150px; }*/
	.title_banner{	
		background-attachment:inherit;
		background-size: 1000px;
		background-position: center -200px;
	}
	.left_content .ad_pic img{
		width: 100%;
		border-radius: 2px;
		border: 1px solid #ccc;
	}
	.multi{	width: 32%; margin-right: 0.3%;	}
}


@media (max-width:765px) {
	.orPad{ padding: 0px; }
	.shop_count button{	
		height: 3.2rem;
		width: 2.5rem;
	}
	.shop_count input{
		width: 6rem;
		height: 3.2rem;
	}
	.prod_list tr > td:nth-child(1){ width: 40%; }
	.prod_list tr > td:nth-child(2){ width: 42%; }
	.prod_list tr > td:nth-child(3){ width: 18%; }
	
	.prod_list td.cart_des .title{
		font-size: 11pt;
	}
	.prod_list .p_price, .prod_list .ps_price{
		display: block;
		margin: 0;
	}
	.navbar-nav > li{ 
		border-bottom: 1px dashed #ccc;
	}
	.navbar .navbar-nav {
		width:100%;
	}
	.store .store_txt1,
	.store .store_pic{
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.store_pic img{	width: 250px;}
	
	.store_dec{
		width: 100%;
	}
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }	
	
}
@media (max-width:765px) {
	
	
	.left_content #menu > li{
		padding: 10px 20px;
		border-bottom: 1px dashed #ccc;
}
	.single_btn{ width: 100%; }
	
	.double_btn > button { width: 49%; }
	
	.copyright{ padding-bottom: 45px; }
	.footer{
		padding-top: 90px;
	}
	.footer .icon{
		width: 100%;
		
	}
	.tab-pane{
		padding: 10px;
	}
	.news-title{
		max-width: 100%;
	} 
	
	.m_show{ display:block;}
	.pc_show{ display: none;}
	
	/*.index_prod .prod .img{	height: 300px; }*/
	.bg_cake { background-size: 70%; }	
	.title_banner{	
		background-attachment:inherit;
		background-size: 800px;
		background-position: center -150px;
	}
	.ul_title{
		display: inherit;
	}	
	
	.left_content .ad_pic{
		display: none;
	}
	.memberAdd .col-xs-12, 
	.memberAdd .col-sm-6{
		padding: 0;
	}
}

@media (max-width:500px) {
	
	.in_block:nth-child(1){ width: 100%; text-align: center; }
	.in_block:nth-child(2){ width: 100%; padding-top: 15px;}
	
	/*.index_prod .prod .img{ height: 230px; }*/
}



@media (max-width:414px) {
	
	.store .store_pic img{
		width: 100%;
	}	
	.store_pic img{	width: 100%;}
	/*.index_prod .prod .img{ height: 220px; }*/
}
@media (max-width:375px) {
	.shop_count button{	
		height: 3.2rem;
		width: 1.8rem;
		padding: 0;
	}
	.shop_count input{
		width: 5rem;
		height: 3.2rem;
	}
}
@media (max-width:320px) {
	
}