@charset "UTF-8";
/* CSS Document */
.span{
	color:#998675;
}
html {
	height:100%;
	background: #d5d5d2;
	background-image:url(../images/bg-image.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
body {
	width:100%;
	height:100%;
	background: rgba(213,213,210,0.75);
	/* Old Browsers */background: -moz-linear-gradient(45deg, rgba(213,213,210,0.75) 0%, rgba(213,213,210,0.87) 50%, rgba(213,213,210,0.88) 55%, rgba(154,148,133,0.98) 100%);
	/* FF3.6+ */background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(213,213,210,0.75)), color-stop(50%, rgba(213,213,210,0.87)), color-stop(55%, rgba(213,213,210,0.88)), color-stop(100%, rgba(154,148,133,0.98)));
	/* Chrome,Safari4+  */background: -webkit-linear-gradient(45deg, rgba(213,213,210,0.75) 0%, rgba(213,213,210,0.87) 50%, rgba(213,213,210,0.88) 55%, rgba(154,148,133,0.98) 100%);
	/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(45deg, rgba(213,213,210,0.75) 0%, rgba(213,213,210,0.87) 50%, rgba(213,213,210,0.88) 55%, rgba(154,148,133,0.98) 100%);
	/* Opera 11.10+ */background: -ms-linear-gradient(45deg, rgba(213,213,210,0.75) 0%, rgba(213,213,210,0.87) 50%, rgba(213,213,210,0.88) 55%, rgba(154,148,133,0.98) 100%);
	/* IE 10+ */background: linear-gradient(45deg, rgba(213,213,210,0.75) 0%, rgba(213,213,210,0.87) 50%, rgba(213,213,210,0.88) 55%, rgba(154,148,133,0.98) 100%);
	/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d2', endColorstr='#9a9485', GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}
@font-face
{
font-family: 'Stag Sans';
src: url('/fonts/StagSans-Book.otf');
}

@font-face
{
font-family: 'Stag Sans';
src: url('/fonts/StagSans-Light.otf');
font-weight:lighter;
}
@font-face
{
font-family: 'Helvetica Neue';
src: url('/fonts/helveticaneueltpro-md.otf');
}

@font-face
{
font-family: 'Helvetica Neue';
src: url('/fonts/helveticaneueltpro-lt.otf');
font-weight:lighter;
}
html, body {
	height: 100%;
	/*font-family: 'Open Sans', "source-han-sans-traditional" , "source-han-sans-korean" , '黑體', '微軟正黑體';*/
	font-family: 'Stag Sans','Helvetica Neue','Open Sans', '黑體', '微軟正黑體';
}
/* General */
a {
	cursor:pointer;
	border: 0;
}
#hidFrame{
	display:none;
}
.pos-abs{
	position:absolute;
}
	/* Panel */
	.modal-content {
		color:#929494;
	}
/* Media */
#fullVideo{@font-face
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
	background-image: inherit;/* our video */
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
}

/* Function */
#nextTopic {
	width:64px;
	height:64px;
	float: left;
	position: relative;
	right: 50%;
	bottom: 50%;    
	padding: 10px 15px;    
	font-size: 20px;
	background: #998675;
	color: #2b2b2b;
	cursor: pointer;
	transition: color .3s;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	z-index:10000;
}
#nextTopic:hover {
	color: #fff;
	background:#a59282;
	cursor: pointer;
}
#onlineChat {
	position: fixed;
	right: 0;
	bottom: 80px;    
	padding: 10px 15px;    
	font-size: 20px;
	background: #998675;
	color: #2b2b2b;
	cursor: pointer;
	transition: color .3s;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#onlineChat:hover {
	color: #fff;
	background:#a59282;
	cursor: pointer;
}
#gotop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 57px;    
	padding: 10px 15px;    
	font-size: 20px;
	background: #998675;
	color: #2b2b2b;
	cursor: pointer;
	transition: color .3s;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#gotop:hover {
	color: #fff;
	background:#a59282;
	cursor: pointer;
}
@media (max-width: 767px) {
	#gotop {
		bottom: 95px;
	}
}
/* Icon */
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  z-index:5;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/* Social */
.socialIcon {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin: 0 3px;
	line-height: 50px;
	font-family: Entypo;
	font-size: 2em;
	text-align: center;
	color: #2b2b2b;
	border-radius: 50%;
	background: #998675;
	overflow: hidden;
	transition: color .3s;
}
.socialIcon {
   text-shadow: rgb(140, 123, 108) 1px 1px,
    rgb(141, 124, 109) 2px 2px,
    rgb(141, 124, 109) 3px 3px,
    rgb(142, 125, 110) 4px 4px,
    rgb(143, 126, 111) 5px 5px,
    rgb(143, 126, 111) 6px 6px,
    rgb(144, 127, 112) 7px 7px,
    rgb(145, 128, 113) 8px 8px,
    rgb(146, 129, 114) 9px 9px,
    rgb(147, 130, 115) 10px 10px,
    rgb(147, 130, 115) 11px 11px,
    rgb(148, 131, 116) 12px 12px,
    rgb(148, 131, 116) 13px 13px,
    rgb(149, 132, 117) 14px 14px,
    rgb(150, 133, 118) 15px 15px,
    rgb(150, 133, 118) 16px 16px,
    rgb(151, 134, 119) 17px 17px,
    rgb(151, 134, 119) 18px 18px,
    rgb(152, 135, 120) 19px 19px,
    rgb(153, 136, 121) 20px 20px;
}
.socialIcon:hover {
	color: #fff;
	background:#a59282;
	cursor: pointer;
}

/* FOOTER */
.borderlineA {
	border-bottom: rgba(255,255,255,0.1) 1px solid;
}
.borderlineL {
	min-height:150px;
	border-left: rgba(255,255,255,0.1) 1px solid;
}
@media (max-width: 767px) {
	.borderlineL {
		border-left: none;
		border-top: rgba(255,255,255,0.1) 1px solid;
		padding: 2% 0;
	}
}
@media (max-width: 360px) {
	.borderlineL {
		border-left: none;
		border-top: rgba(255,255,255,0.1) 1px solid;
		padding: 2% 0;
	}
}
.infoContainer {
	min-height: 200px;
	padding:25px;
	color:#959595;
	background-color:#2b2b2b;
}
.infoContainer ul li {
	list-style:none;
	line-height:2.2em;
}
.copyrightContainer {
	min-height: 42px;
	padding:12px;
	color:#666;
	font-size: 0.688em;
	vertical-align:bottom;
	background-color:#111;
}
.btn_scroll_down{
	position: absolute; z-index:999; display:block; left: 50%; margin-left: -34px; top:0; margin-top:-33px;
}
/* 聽見聲音的紋理 */
.hearsound_area{
	max-width:1120px; margin:auto; color:#fff; position: relative; min-height:300px;
}
.hearsound_pic{
	z-index: 8; width: 100%; max-width: 630px; margin: 80px auto 50px auto;
	opacity : 0.2;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.hearsound_title{
	opacity : 0.2;
	transition: opacity 2s ease-in-out;
   -moz-transition: opacity 2s ease-in-out;
   -webkit-transition: opacity 2s ease-in-out;
}
.hearsound_pic.fin, .hearsound_title.fin{
	opacity: 1.0;
}
.hearsound_content{
	 margin:30px auto; 
	 width:100%;
}
.hearsound_content p{
	font-size:16px;
}


/* ----- Hedy ----*/

/* = product detail = */

.p_title{ color: rgba(255, 255, 255, 0.85);}
.p_subtitle{ color: rgba(255, 255, 255, 0.55);}
.prod_border{ border: 5px solid rgba(0, 0, 0, 0.1); margin: 0 0 20px;}
.btn_prod {
	color: #ffffff;
	background-color: #865ea6;
	text-transform:uppercase;
	border-color: #775493;
}
.btn_prod:hover, .btn_prod:focus, .btn_prod:active, .btn_prod.active, .open > .dropdown-toggle.btn_prod {
color: #ffffff;
background-color: #775493;
border-color: #4d365f;
text-decoration: none;
}

.btn_prod_buy {
	color: #ffffff;
	background-color: #BB2B2B;
	text-transform:uppercase;
	border-color: ##30F;
}
.btn_prod_buy:hover, .btn_prod_buy:focus, .btn_prod_buy:active, .btn_prod_buy.active, .open > .dropdown-toggle.btn_prod_buy {
color: #ffffff;
background-color: #AC2B2B;
border-color: #4d365f;
text-decoration: none;
}

.prod_feature{ background: #eeebe6; position: relative;}
.prod_feature .tag{ position:absolute; top: 0; left: 0;}
.prod_feature_inner{
	height:auto; position:relative; margin: 0 5%; color: #252525; padding: 30px 0;
}
.btn_color{
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 0 5px 5px;
	border: 1px solid #000;
	text-decoration: none;
	padding: 12px 0 0 0;
	text-transform:uppercase;
}
.btn_color.active{
	background-image: url(/images/btn_color_on.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.btn_color.unavailable ,.btn_color.soldout{
	background-image: url(/images/btn_color_off.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.btn_color:visited, .btn_color:hover{ text-decoration: none;}

.prod_overview{ padding: 20px 0 0 5%;}
.prod_overview h2{ color: #FFF;}
.prod_overview_inner{
	position:relative; min-height:500px;
}

.prod_formats{}
.prod_formats_inner{ padding: 30px 0;}

.prod_formats .black_style{ background: #252525; color: #e2e2e2; padding: 20px 5% 0 5%;}
.prod_formats .black_style h2{ color: #FFF;}
.prod_formats .black_style strong{ color: #FFF;}

.prod_formats .white_style{ background: #fff; color: #666; padding: 20px 5% 0 5%;}
.prod_formats .white_style h2{ color: #252525;}
.prod_formats .white_style strong{ color: #666666;}

.prod_formats .gary_style{ background: #252525; color: #666; padding: 20px 5% 0 5%;}
.prod_formats .gary_style h2{ color: #fff;}
.prod_formats .gary_style strong{ color: #666666;}




.prod_specifications{ }
.prod_specifications_inner{
	height:auto; margin: 0 5%;
}
.tb_margin{ margin: 1% 0;}

.prod_specifications .black_style{ background:#000;color: #FFF; padding: 30px 0;}
.prod_specifications .black_style h2{ color: #FFF;}
.prod_specifications .white_style{ background:#efefef;color: #666666; padding: 30px 0;}
.prod_specifications .white_style h2{ color: #252525;}
.prod_specifications .gary_style{ background:#222222;color: #666666; padding: 30px 0;}
.prod_specifications .gary_style h2{ color: #fff;}
.prod_specifications .brown_style{ background:#726458;color: #fff; padding: 30px 0 0 0;}
.prod_specifications .brown_style h2{ color: #fff;}


.prod_award{ color: #c6c6c4; background: #fff; padding: 20px 5% 0 5%;}
.prod_award h2{ padding-bottom: 5px; border-bottom: 1px #ebebeb solid; }
.prod_award_inner div{ width: 265px; height:265px; margin: auto;  text-align : center; line-height : 265px; overflow:hidden;}
.prod_award_inner div img{ vertical-align: middle; max-width:100%; max-height:100%;}

.prod_related{ color: #c6c6c4; background: #fff; padding: 20px 5% 0 5%;}
.prod_related h2{ padding-bottom: 5px; border-bottom: 1px #ebebeb solid; }
.prod_related_inner>.col-md-6{margin-top:10px;margin-bottom:15px;}

.prod_supportStyle {
	background: #c6b29b;
	font-weight:300;
	line-height:2.2em;
}
.prod_supportContainer {
	padding:15pt 50pt;
}
.prod_supportContainer hr {
	border:0;
	height:1px;
	background-color:#b2a08b;
	color:#b2a08b;
}
.prod_btnContainer a {
	margin:5px 0;
}
.prod_driverBoxStyle{
	border-left:#b2a08b 1px solid;
}

.prod_questions{ color: #c6c6c4; background: #fff; padding: 20px 5% 0 5%; position: relative;}
.prod_questions h2{ padding-bottom: 5px; border-bottom: 1px #ebebeb solid; }
.more_qus{ position: absolute; top: 30px; right: 30px;}
.prod_questions_inner .col-sm-4{ padding: 0 3%;}
.prod_questions_inner .qus{ color: #988675;}
.prod_questions_inner .ans{ color: #c6c6c4;}


.r-area {
  position:absolute;
  bottom: 0;
  right:0;
  height: 100%;
}
.my-color{
  position:absolute !important;
  bottom: 70px;
  right:0;
}
.my-btn{
  position:absolute;
  bottom: 20px;
  right:0;
}

.text-content{
  position:absolute; max-width:100%; color:#fff;
}
.img-content{
 position:absolute;
  bottom: 0;
  right:0;
  /*width:100%;*/
}

.icon-fb-like{ position: absolute; right: 0; top: 50px; padding: 5% 10%;background: #1840a3; font-size: 1rem; color: #FFF; border-radius: 3px;}
.icon-fb-like img{ margin-bottom: 3%;}
.icon-fb-like span{ margin: 0 0 0 2%;}
.icon-fb-like:link,.icon-fb-like:hover,.icon-fb-like:visited{  color: #FFF; text-decoration: none; cursor: pointer; }

@media (max-width: 767px) {
	.r-area, .my-btn, .my-color, .img-content, .text-content,.icon-fb-like{
	  position:relative;
	}
	.my-btn, .my-color{
	  bottom: 0;
	  margin: 5% 0 0 0;
	}
	.icon-fb-like{
		top: 0;
	}
	.prod_overview_inner{
		min-height:200px;
	}
	.img-content{
		right:5px; 
	}
}



/* = event = */

.event_border{
	max-width: 1170px;
	background: #f5f5f5;
	border: 5px solid rgba(37, 37, 37, 0.1);
	margin-bottom: 20px;
	overflow: hidden;
}

.event_theme h1{ padding-top: 100px;}
.event_theme span{ color: #988675; font-size: 30px; display: block; width: 50px; text-align:center;}
.event_theme_btn{ position: absolute; top: 150px; right: 50px;}
.event_text_style{ color: #988675; margin-bottom: 80px;}

.event_slider{ max-width: 1160px; max-height: 500px; overflow: hidden;}

.event_p1{ background-color: #988675; color: #fff; padding: 5%;}
.event_p2{ background-color: #726458; color: #fff; padding: 5%;}
.event_p1 h1,.event_p1 h3, .event_p2 h1, .event_p2 h3{ text-align: center;}


.pic_slider{ max-width: 1160px; max-height: 500px; overflow: hidden;}
.p_detail{ margin-bottom: 30px;}
.p_detail small{ color: #FFF; margin-top: 10px; display:block;}

.qrcode_bg{ background: url(../../images/prod-04.png) no-repeat; color: #252525; position: relative;max-width: 1170px; max-height: 612px; padding: 1% 0 0 0;}
.qrcode_bg h3, .qrcode_bg h4{ text-align: center;}

.event_webqrcode{ display: block;}
.event_phoneqrcode{ display: none;}

@media (max-width: 767px) {
	.event_theme_btn{
	  position:relative;
	  left: 0;
	  top: 0;
	}
	.event_webqrcode{ display: none;}
	.event_phoneqrcode{ display: block;}
}


/* = Filter = */
.other_filter{ background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 160px; top:50px; position: absolute;}
.filter_btn{ margin: 10px 0;}
.filter_btn span{ font-size: 14px; color: #222222;}

/* = Prod_Nav = */
.prod_nav{ background-color: rgba(0, 0, 0, 0.25); width: 100%; height: auto; position: absolute; top: 50px; color: #FFF;}


/* = Product Only Css Settings = */
.nav > li.product-only{
	display:none;
}

/* = Shopping_cart = */
.store_title{ color: #252525; margin-top: 30px; padding-left: 55px;}
.store_border_g{ border: 5px solid rgba(141, 198, 63, 0.25); margin: 0 0 20px; background: #FFF;}
.btn_store_g {
	color: #ffffff;
	background-color: #8dc63f;
}
.store_list{ margin: 0 45px; border-bottom: 1px solid #ebebeb;   padding-bottom: 10px;}
.store_list_pic{ max-width: 286px; max-height: 256px;}
.store_list_item{ border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin: 0 0 0 15px;}
.store_list_item .title{ font-size: 22px; color:#998675; vertical-align: bottom;}
.store_list_item .price ,.subtotal span, .discount span, .shipping span, .estimated span, .totalprice span{ 
	font-size: 20px; color:#252525; vertical-align: bottom;
}
.store_list_item .price small , .subtotal span small, .discount span small, .shipping span small, .estimated span small, .totalprice span small{ 
	color:#666;
}
.store_list_brief{ color: #666; margin: 20px 0 0 30px; font-size: 16px; line-height: 20px;}
.issave{ margin: 20px 0; color: #998675; font-size: 12px; font-weight: normal;}
.isgift{ margin: 10px 0; color: #998675; font-size: 14px; font-weight: normal;}
.r_msg{ margin: 0 0 10px 0;}
.r_msg p{ display: inline-block; margin: 0 30px 0 0;}
.gift_msg{ background: #efedeb; border-radius:5px; width: 100%; padding: 10px; color: #252525; position: relative;}
.gift_msg p{ margin: 20px 0 10px 40px;}
.msg_edit{ position: absolute; top: 20px; right: 45px; font-size: 12px; }

.gift_msg_edit{ background: #efedeb; border-radius:5px; width: 100%; color: #252525;}
.gift_msg_edit h4, .gift_msg_edit p{ padding: 10px;}
.gift_msg_footer{ border-top: 1px solid #dddddd; padding: 10px; text-align: right;}

.store_price{ padding-bottom: 10px; margin: 20px 45px; color: #666; font-size: 18px;}
.store_price div{ line-height: 42px;}
.subtotal, .shipping, .estimated, .totalprice{
	font-size: 18px;	
}
.subtotal span, .discount span, .shipping span, .estimated span ,.totalprice span{ 
	width: 150px; display: inline-block;
}
/*.shipping , .shipping span, .discount , .discount span { color: #ed1c24;}*/
.estimated{ border-bottom: 1px solid #ebebeb; margin-bottom: 10px;}
.saving{color:#ed1c24; font-size: 14px;}
.saving small{ font-size: 12px;}
.saving span{ font-size: 20px;}
.totalprice{ margin: 0 0 0 30px; color: #252525;}

.store_list_footer{background: #f9f9f9; border-top: 1px solid #ebebeb; padding: 20px 45px;}
@media (max-width: 768px) {
.store_list_footer_step3{    
	background-color: #fff;
    border: 0;
    padding-top: 50px;
	}	
.payIcon_step3 img{
	margin: 2px !important;
	}
}
.payIcon_step3{
	margin: 5px 0 0 20px;
}
.payIcon_step4{
	margin: 0 !important;
}
.payIcon_step4 img{
	margin: 2px !important;
}
.store_border_other{ border: 5px solid rgba(0, 0, 0, 0.08); margin: 0 0 20px; background: #FFF;}
.store_border_other .h2title{ margin-left: 45px; margin-right: 45px; padding: 30px 0 10px 5px; border-bottom: 1px solid #ebebeb;}

.recommend_list{ margin: 20px 0;}
.recommend_list .title{ font-size: 20px; color: #998675;}
.recommend_list .price{ font-size: 18px; color: #252525; margin-bottom: 40px;}
.recommend_list small{ color: #666;}


/* = Check_out = */
.step_title{ font-size: 24px; padding: 20px 0 0 48px; height: 75px; display: block; color: #999; text-decoration: none; border-top: #ebebeb 1px solid; }
.step_title:hover{text-decoration: none; }

.step_badge {
display: inline-block;
min-width: 20px;
padding: 5px 10px;
font-weight: bold;
color: #ffffff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
border-radius: 20px;
margin: 0 10px 0 0;
}
.step_title .active{ background: #8dc63f;}
.step_title .check{ background: #252525;}
.check_list{ margin: 0 25px; border-bottom: 1px solid #ebebeb; padding: 25px;}
.check_list_pic{ max-width: 158px; max-height: 128px;}
.check_list_item{ border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin: 0 0 0 15px;}
.check_list_item div{ font-size: 22px; color:#252525; vertical-align: bottom;}
.check_list_item div small{ color: #666; }

.check_list_brief{ font-size: 14px; margin: 10px 0 0 30px;}
.check_list_brief div{ margin: 0 20px 0 0;}
.check_list_brief p{ margin-bottom: 5px;}
.check_list_brief span{ color: #999;}

.promo{ background: #efedeb; border-radius:5px; padding: 10px; color: #252525; position: absolute; left: 45px; width: 35%;}
.promo span{ margin-right: 20px; color: #252525;}
.promo span img{ margin-right: 10px;}
.promo_footer{ margin-top: 50px; text-align: right;}

.step2{ padding: 20px 0 20px 80px;}
.step2_title{ color: #252525; font-size: 16px; margin: 15px 0;}

.pay_close{position: absolute; right: 100px; top: 20px;}

.shopcart{
	position: absolute;
	top: 55px;
	right: 5px;
	border-radius:5px;
	background: #fff;
	width: 265px;
	height: 415px;
	-moz-box-shadow: 3px 5px 0px #8b8b88;
	-webkit-box-shadow: 3px 5px 0px #8b8b88;
	box-shadow: 3px 5px 0px #8b8b88;
}

.shopcart_list{ height: 95px; border-bottom: 1px solid #f4f4f4; margin: 14px; padding-top: 10px;}
.shopcart_list .pic{ margin: 0 10px 0 0;}
.shopcart_list .name{ scolor: #998675;}

.check_f_place{ text-align: right;}
.check_f_place del{ font-size: 0.8em;}
.nav_menu{ position:absolute;}
@media (max-width: 1199px) {
	
}
@media (max-width: 767px) {
	.nav_menu {
		position: relative;
	}
	.store_list_item, .check_list_item{ border-bottom:none;}
}
@media (max-width: 360px) {
	.store_title{ padding-left: 5%;}
	.store_list, .store_price{ margin: 0 3%;}
	.store_list_item{ margin: 0;}
	.store_list_brief{ margin: 20px 0 0 15px;}
	.step_title{ padding: 20px 0 0 5%;}
	.check_list{ margin: 0 5%; padding: 0;}
	.check_list_item{ margin: 0 0 0 0;}
	.step2{ padding: 20px 10% 20px 10%;}
	.nav_menu{}
}


/* = Member = */

.d_menu{ padding: 5px 0;}
.d_border{ border-top: 1px #988675 dashed; }
.no_uppercase{text-transform: none;}

.member_title{ color: #999; padding: 0 0 0 4%;}
.div_float{ position: relative;}
.btn_float{ position: absolute; top: 20px; right: 6%;}

.member_box{ margin: 0 5%; padding: 2% 0; color: #252525;}
.member_box_border{ border-top: 1px solid #ebebeb;}

.member_table{ width: 100%;max-width: 100%;margin-bottom: 20px;border-collapse: collapse; border-spacing: 0; color: #666666;}
.member_table thead{ background-color: #ebebeb;}
.member_table thead th{ border: 0px; font-weight: normal;}
.member_table tbody{ vertical-align: text-bottom;}

.td_orderno{ width: 15%;}
.td_date{ width: 10%;}
.td_price{ width: 15%;}
.td_status_s{ width: 15%; color: #c69c6d;}
.td_status_a{ width: 15%; color: #855fa8;}
.td_qa{ width: 10%; color: #988675;}
.td_price span, .td_font span{ font-size: 24px; color: #252525;}
.td_font_s{ font-size: 18px; color: #252525;}
.td_font_s span{ font-size: 14px; color: #666;}
.td_font_s small{ font-size: 12px; color: #988675;}
@media (max-width: 767px) {
	.td_orderno{ width: 50%;}
}
.trial-msg{
	position:absolute; top:0; left:90px; right:0; background:#8BC33E; color:#FFF; padding:7px;
}
.trial-msg.warranty{
	background:#e5e1dc; color:#998675;
}
.orders_lists_msg{
	padding: 7px 0 7px 30px;
    background: #bc0108;
    color: #fff;
    margin-bottom: 8px;
}
.warranty_qty{
	display: inline-block;
	padding: 1px 5px;
	border-radius: 10px;
	color: #fff;
	background: #bd0e07;
	font-size: 0.8em;
	margin-right: 3px;
}
@media (max-width: 767px) {
	.trial-msg{
		position:relative;
		left:0;
		margin:10px 0;
	}
}

.trial_div{
	text-decoration:none;
}
.trial_div>div{
	background: #8BC33E;
	color: #FFF;
	/* height: 500px; */
	padding: 10px 8px 12px 5px;
	text-align: center;
	margin: 0 auto;
}

.saved_list{ background: #ebebeb; margin: 1% 0 1% 0; padding: 2%;}
.saved_list_title{ font-size: 18px;}

.th_background{ /*background: #fee2c5;*/}
.style_font{color: #988675;}

.btn-cancel{
color: #000;
background-color: #666;
border-color: #888;
text-transform:uppercase;
}

.return_pop{
	font-size: 18px;
	color: #998675;
	margin: 3%;
	padding: 0 0 3% 0;
	border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}

.return_pop p{ color: #7d7d7d;}

.return_checkbox{
	padding: 0 0 0 5%;
	font-size: 14px;	
}
.return_checkbox label{ display: block;}

.return_checkbox p{ color: #7d7d7d;}

.unchecked{ color: rgba(153, 134, 117, 0.25); }

.chk{ color: #8cc84d;  position: absolute;right: 0;}
.unchk{ color: rgba(255, 255, 255, 0.25); position: absolute;right: 0;}

.return_pop2{
	font-size: 16px;
	color: #929494;
}

.return_pop2_font{ font-size: 18px;color: #fff;}

.return_checkbox2{
	padding: 0 0 0 5%;
	font-size: 16px;	
}
.return_checkbox2 label{  text-indent : -1em; margin-left: 1em; margin-bottom: 3%; }

/* = Event VIP = */
#sectionIndex, .vipevent{
	width:100%; 
	height:100%;
	background-image: url(../images/bg-event-image.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.vip{ padding-top: 80px; }
.event_input_style{
	color: #929494;
	font-size: 11px;
	background: rgba(0,0,0,0.2);
	border: 0;
	background-color:#252525;
}

.vipevent_bg1{
	min-height: 100%;
	background: url(../images/bg-event-image-01.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	/*position: relative;
	overflow:hidden;*/
}
.vipevent_bg2{
	height: 100%;
	background: url(../images/bg-event-image-02.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	position: relative;
	overflow:hidden;
}
.vipevent_bg3{
	min-height: 100%;
	background: url(../images/bg-event-image-03.jpg) no-repeat center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position: relative;
}
.vipevent_bg4{
	height: 100%;
	background-color: #b9aca1;
	position: relative;
	overflow:hidden;
}
.vipevent_bg5{
	min-height: 100%;
	background: url(../images/bg-event-image-04.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	position: relative;	
}
.vipevent_bg6{
	min-height: 100%;
	background: url(../images/bg-event-image-05.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	/*position: relative;
	overflow:hidden;*/
}
.vipevent_bg7{
	min-height: 100%;
	background: url(../images/bg-event-image-06.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	overflow:hidden;
}
.vipevent_bg8{
	min-height: 100%;
	background: url(../images/bg-event-image-07.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	overflow:hidden;
	color: #FFF;
}

.box01_img{ position: relative; bottom: 10%; padding-top: 30%;}
.box01_word{ color: #393737; padding-top: 10%;}
.box01_word .title, .box02_word .title, .box03_word .title, .box04_word .title, .box05_word .title, .box07_word .title{ font-size: 5rem;}
.box01_word .subtitle{ font-size: 2rem; margin-bottom:0;}
.box01_word .subtitle span{ font-size: 80px; color:#c93c49;}
.box01_word .price{ font-size: 40px; color: #b9aca1;}
.box01_word .price span{ font-size: 20px; text-decoration: line-through; color: #393737; }
.btn_eventbuy{
	background: url(../images/event_vip_buybtn.png);
	border-radius: 5px;
	padding: 10px 0;
	color: #604a3c;
	font-size: 28px;
	text-align: center;
	width:334px;
	max-width:96%;
}
.box01_word .other, .box07_word .other{ font-size: 1.5rem; color: #a88b79;}
.box02_word{ color: #fff; padding: 3%;}
.box02_word .subtitle{ font-size: 30px;}
.box02_word .other{ font-size: 2.3rem; color: #fff; max-width: 700px; margin: 20px auto;}
.box02_img{ position: absolute; left: 30%; bottom: -150px; width: 25%; max-width: 438px; min-width:210px;
	transition: 1s;
}
.box02_img.movein{transform: translateY(-150px);}
.box02_img_hand{ position: absolute; bottom: 0; z-index: 4;}
.box02_img_phone{ position: absolute; bottom: 0; z-index: 6;}
.box02_img_wifi{ position: absolute; bottom: 250px; right: 5%; z-index: 10; width: 40%; /*top: -20%; right: -5%; */ }
.box02_img_line{ position: absolute; bottom: -45px; left: 27%; z-index: 5; width: 6%;}
.box02_img_light{ position: absolute; bottom: 450px; right: -110%; z-index: 10; width: 20%;}

.box02_img_line.out{
	transform: translateY(150px);
	-webkit-transition-duration: 5s; /* Safari */
    transition-duration: 5s;
}
.box02_img_wifi, .box02_img_light{
	opacity : 0.1;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;	
}
.box02_img_wifi.fin, .box02_img_light.fin{
	opacity: 1.0;
}


.box02_img img, .box02_img_wifi img{ width: 80%;}
.box03_word{ color: #4c3a2e; padding-top:40px; }
.box03_word .row{ max-width:100%; }
.box03_word .other, .box05_word .other{ font-size: 1.5rem;}

.box04_word{ color: #fff; padding-top: 3%;}
.box04_word .other{ font-size:  1.5rem; margin-bottom: 15px;}


.box04_img1{
	z-index: 10; 
	position: absolute; 
	bottom: 10px; 
}
.box04_img2{
	z-index: 11; 
	position: absolute; 
	bottom: 10px;
}

.box04_open1{
	opacity : 0.1;
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.box04_open2{
	opacity : 0.1;
	transition: opacity 5s ease-in-out;
   -moz-transition: opacity 5s ease-in-out;
   -webkit-transition: opacity 5s ease-in-out;
}
.box04_open1.fin{
	opacity: 1.0;
}
.box04_open2.fin{
	opacity: 1.0;
}


.box04_img img{ width:100%;}

.box05_img{ position: absolute; left: 25%; bottom: 0;}
.box05_word{ color: #967653; padding: 10% 0 0 0px;}

.box06_word{ color: #393737;}
.box06_word .subtitle{ font-size: 2.6rem;}
.box06_word .subtitle span{ color: #b9aca1;}
.box06_word .title{ font-size: 3.8rem; font-weight:bold;}
.box06_word .other{ font-size: 1.5rem;}
.box06_word .other span{ font-size: 2.5rem; color: #b9aca1;}
.Wireless-Lossless{ padding-left:15%;}
.box07_word .subtitle{ font-size: 2rem; color: #b9aca1;}
.box07_word .subtitle2{ font-size: 3rem; color: #393737;}
.box07_word .title{ margin-top: 5%;}
.box08_img h1{margin-top: 0;}
.box08_word{ padding-top: 5%;}
.box08_word .title{ width: 100%;}
.box08_word .other{ font-size: 3rem; color: #FFF;}
@media (max-width: 1199px) {
	.vipevent_bg6 .container {width:96%;}
	.Wireless-Lossless{ padding-left:5%;}
}
@media (max-width: 767px) {
  .box01_word .title, .box02_word .title, .box03_word .title, .box04_word .title, .box05_word .title, .box07_word .title, .box08_word .title{ font-size: 4.5rem !important; text-align: center;}
  .box01_word .other{ font-size: 1rem; }
  .box02_img { left:15%;}
  .box02_word .other{ font-size: 2rem;}
  .box06_word .title,.box01_word .subtitle span,.box01_word .price{font-size: 3rem;}
  .Wireless-Lossless{ padding-left:15px;}
  .box06_word .subtitle,.box01_word .subtitle{ font-size: 1.8rem; }
}
@media (max-width: 360px) {
  .box01_word {padding-top: 60px;}
  .box02_img { left:10%;}
  .box02_word .other{ margin:0; font-size: 1.5rem;}
  .box01_word .title, .box02_word .title, .box03_word .title, .box04_word .title, .box05_word .title, .box07_word .title{ font-size: 3rem !important; text-align: center;}
  .box01_word .subtitle span,.box01_word .price{font-size: 2rem;}
  .box06_word .subtitle,.box01_word .subtitle{ font-size: 1.5rem; }
  .box06_word .title {font-size: 2.56rem !important; }
  .box08_img h4{font-size: 13px;}
}

.pop_eventtitle{
	color: #988676;
	font-size: 30px;
}

.btn-quick{
	display: block;
	margin-bottom: 5px;
	background: url(../images/icon-quick.png) no-repeat;
	width: 14px;
	height: 14px;
	text-decoration: none;
	text-transform:uppercase;
}

.btn-quick:hover{
	background: url(../images/icon-quick-hover.png) no-repeat;
	margin-bottom: 5px;
	text-decoration: none;
}
.btn-quick:visited{
	text-decoration: none;
}

.has-error {
	border: #a94442 solid 1px;
}

/* = Event Trial = */
.trialevent_bg1{
	width: 100%;
	min-height: 100%;
	background: url(../images/bg-trial-image-01.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	/*position: relative;
	overflow:hidden;*/
}
.trialevent_bg2{
	width: 100%;
	min-height: 100%;
	background: url(../images/bg-trial-image-02.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
}
.trialevent_bg7{
	width: 100%;
	min-height: 100%;
	background: url(../images/bg-trial-image-07.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	overflow:hidden;
}
.trialevent_bg8{
	width: 100%;
	min-height: 100%;
	background: url(../images/bg-trial-image-08.jpg);
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat: no-repeat;
	overflow:hidden;
}


.trial_Ltitle{ font-size: 4.6rem; color: #000;}
.trial_Mtitle{ font-size: 3.7rem; color: #cab9af;}
.trial_Stitle{ font-size: 2.7rem; color: #fff;}

.trial_saleprod{ font-size: 1.9rem; color: #b9aca1;}
.trial_word{ font-size: 15px; color: #848484;}

.btn-step{ color: #5f5f5f; font-weight: bold;  font-size: 0.9rem; text-decoration: underline; line-height: 2rem; text-transform:uppercase;}

.trial_step{ font-size: 1.7rem; color: #b9aca1; padding: 5% 0 5% 5%;}
.trial_stepword{ color: #000; font-size: 1.3rem; padding: 0 0 0 5%;}
.trial_stepword span{ color: #bdb1a8;}

.title_early{
	width: 100%;
	height: 133px;
	background: url(../images/trail_line01.png) 50% 0 no-repeat;
	background-size:atuo;
	background-repeat: no-repeat;
	position: relative;
}
.title_early p{ position: absolute; bottom: 30%; right: 30%;}
.title_early img{ }

.trial_day{
	width: 90%;
	min-height: 375px;
	background: url(../images/trail_sale_day.png) no-repeat;
	-moz-background-size: contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
}

.trial_day p{
	color: #5b534e;
	font-size: 1rem;
	background: rgba(255,255,255,0.7);
	border-radius: 2px;
	width: 15%;
	text-align: center;
}

.p25{ position: absolute; top: 30%; right: 35%;}
.p15{ position: absolute; bottom: 15%; right: 55%;}
.p10{ position: absolute; top: 50%; left: 10%;}
.p5{ position: absolute; top: 20%; left: 23%;}
.trial_trialevent2_price{ color: #fff; position: absolute; top: 25%; left: 50%;}
.btn_trialevent_more{
	position: absolute;
	z-index: 999;
	display: block;
	left: 50%;
	bottom: 0;
	margin-left: -34px;
	margin-top: -64px;
}
.btn_trialevent_more p{ text-align: center; line-height: 20px; color: #7e6d5d; font-size: 0.9em;}
.imgline{ margin: 3% 0 0 5%;}
.day14_phone{ text-align: left;}

.doit{ z-index:999; position: absolute; right: 20%; bottom: 10%;}
@media (max-width: 1199px) {
}
@media (max-width: 767px) {
	.trialevent_bg4 .trialword{ text-align:center;}
}
@media (max-width: 360px) {
	.trialevent_bg4 .trialword{ text-align:center;}
	.trialevent_bg2 .title_early p{ position: absolute; bottom: 25%; right: 10%; font-size: 1.6rem;}
	.trial_day p{width: 20%;}
	.p25{ position: absolute; top: 20%; right: 15%;}
	.p15{ position: absolute; bottom: 40%; right: 40%;}
	.p10{ position: absolute; top: 33%; left: 12%;}
	.p5{ position: absolute; top: 12%; left: 27%;}
	.trial_trialevent2_price{ position: absolute; top: 30%; left: 60%; font-size: 1.6rem;}
	.imgline{ width: 100%; margin: 0 0 0 3%;}
	.day14_phone{ text-align: center;}
	.doit{ bottom: 5%;}
}

/* = Share = */

.btn-sign{ font-size: 1.4rem; color: #FFF; display: block; padding: 5% 0 5% 20%; margin: 0 0 2% 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.btn-sign:hover{  color: #FFF; text-decoration: none;}
.sign_facebook{ background: #0043a7 url(../images/icon-fb.png) 10% 50% no-repeat; }
.sign_google{ background: #de4c32 url(../images/icon-googleplus.png) 10% 50% no-repeat; }
.sign_base{ background: #e89214 url(../images/icon-base.png) 10% 50% no-repeat; }
.sign_twitter{ background: #33ccff url(../images/icon-twitter.png) 10% 50% no-repeat; }

.iconshare{ display:block; background: url(../images/icon-share.png) no-repeat; }



/* = Yafat = */
.nav > li{
	text-transform: uppercase;
}
.nav > li .logined-user-email{
	text-transform: none;
}
/* script.js  --lucas 12.11*/
.control-label{
	color:#a94442;
}
#twzipcode select, #twzipcode input{
  margin:0 10px 10px 0;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.sectionBg {
	background-image: url(../images/pmo8bg.jpg);
	background-repeat: no-repeat;
	background-color: #1b1b20;
	width:100%;
	height: 100vh;
	left:0;
	top:0;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	animation:slow 3s ease-in .2s infinite alternate;
	-moz-animation:slow 3s ease-in .2s infinite alternate;
	-webkit-animation:slow 3s ease-in .2s infinite alternate;
	/*動畫名稱 秒數快慢 速率 延遲秒數 次數 相反或正常播放*/
	position: static;
}
.BE6EvolutionContainer img{
	width: 100%;
}
.Questions, .Recommended4U{
	background-color: #fff;
} 
.Questions h2{
	color: #c6c6c4;
	font-size: 30px;
	font-weight: lighter;
	position: relative;
	margin: 0;
}
.Recommended4U h2{
	color: #252525;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
}
.Questions h2 button{
	font-size: 12px;
}
.Questions h4{
	color: #998674;
	font-size: 16px;
	font-weight: bold;
}
.Recommended4U h4{
	color: #998675;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	margin-top: 0;
}
.Recommended4U p{
	color: #666666;
	font-size: 11px;
	line-height: 24px;
	margin-bottom: 26px;
}
.Recommended4U p span{
	color: #252525;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}
.Recommended4U >.prod_supportContainer > .prod_related_inner >.col-sm-6{
	padding: 0;
	margin: 25px 0;
}
.Recommended4U_img{
	width: 128px;
	height: 128px;
}
.Recommended4U .prod_related_inner{
	padding: 0 0 50px 70px;
}
.Questions p{
	color: #c6c6c4;
	font-size: 15px;
	font-weight: lighter;
	line-height: 24px;
	height: 72px;
  overflow: hidden;
}
.Questions .prod_supportContainer hr, .Recommended4U .prod_supportContainer hr{
	background-color:#ebebeb;
}
.Questions .prod_related_inner{
	padding: 0 20px 20px;
}
@media (max-width: 768px) {
	.prod_supportContainer {
	    padding: 15pt 27pt;
	}
}