/* CSS Document */

.slider_sp {margin-bottom: 20px;}

.brief_ppage .left_p .bx-wrapper {border: 1px solid #dedede;padding: 10px;margin-bottom: 30px;}
.brief_ppage .left_p .bx-viewport {height: 100% !important;}
.left_p .bx-viewport ul li img {width :100%;}

.brief_ppage .desc_ppage p { margin: 6px 0; line-height: 1.6em; font-size: 14px;}

.left_p em {display: block; margin: 10px 0; text-align: center; color: #aaa; font-size: 12px;}
.left_p > p {border: 1px solid #e0e0e0; text-align: center; background: #fff;
	box-shadow: inset 0 0 10px rgba(44,44,44,.1);
	-webkit-box-shadow: inset 0 0 10px rgba(44,44,44,.1);
	-moz-box-shadow: inset 0 0 10px rgba(44,44,44,.1);
	-ms-box-shadow: inset 0 0 10px rgba(44,44,44,.1);
	-o-box-shadow: inset 0 0 10px rgba(44,44,44,.1);
}
.left_p > p a {display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.left_p > p a img { max-height: 100%; max-width: 100%;}
.left_p > p em {font-size: 13px; color: #ccc;}
.left_p ul {align-items: center; justify-content: center; margin-bottom: 15px; display: flex; display: -webkit-flex;}
.left_p ul li {display: inline-block; margin: 0 3px;}
.left_p ul li a {display: flex; display: -webkit-flex; width: 55px; height: 55px; align-items: center; justify-content: center; border: 1px solid #ddd;}
.left_p ul li a img {max-width: 100%; max-height: 100%;}

.brief_ppage .right_p {padding-left: 30px;}
.right_p h1 {font-size: 20px;
	font-family: "UTM Swiss Condensed Bold" ,sans-serif;
	color: #0054a6;
	text-transform: uppercase;}
.right_p .gia {font-size: 18px;margin: 10px 0 5px 0;
	font-family: 'Roboto Regular', sans-serif; color: #f00;}
.right_p .orther_ppage {margin-top: 5px;}
.brief_ppage .right_p form {
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin: 15px 0;}
    
.right_ppage form {text-align: center; padding: 10px 0; margin-bottom: 5px; float: left; width: 100%; border-bottom: 1px solid #ddd;}
.right_p form p {float: left; width: 160px; margin-right: 5px;}
.right_p form p span {display: block; line-height: 42px; font-weight: bold; margin-right: 5px; float: left; width: 65px; text-align: right;}
.right_p form input[type=number] {width: calc(100% - 70px); ; display: inline-block; text-align: center; line-height: 42px;
	border: 1px solid #bbb;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline-color: #ff9600;}
.right_p form button {float: left; width: calc(100% - 165px); cursor: pointer; color: #fff; font-weight: bold; font-size: 14px; padding: 10px; font-family: 'Open Sans', sans-serif;
	background: -webkit-linear-gradient(#ff1313, #ff1313); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ff1313, #ff1313); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ff1313, #ff1313); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ff1313, #ff1313); /* Standard syntax */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.right_p form button i {display: inline-block; margin-right: 5px;}

.right_p .contact_hotline {text-align: center;
    float: left;
    padding: 7px 10px;
    box-sizing: border-box;
    margin: 15px 0px;
    width: 100%;
    background: #F26522;
    color: #fff;}
	
.network_ppage {margin: 10px 0 5px 0;}

.cbox_ppage {background: #fff;}
.cbox_ppage p {line-height: 1.6em; margin: 10px 0;}
.detail_product table {border-collapse: collapse; border: 1px solid #ddd; margin: 10px auto;}
.detail_product table td {border: 1px solid #222; padding: 5px 8px;}
.detail_product table td > * {margin: 0; padding: 0; line-height: 1.6em;}
.cbox_ppage {display: none; padding: 5px 0px;}
.desc_product.cbox_ppage {display: block;}
.desc_product.cbox_ppage img {max-width: 100% !important; height: auto !important;}


.price_ppage {font-size: 13px; padding: 15px; margin: 5px 0; border: 1px solid #eee;
	background: -webkit-linear-gradient(left, #f5f5f5, #ffffff, #f5f5f5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #f5f5f5, #ffffff, #f5f5f5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #f5f5f5, #ffffff, #f5f5f5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #f5f5f5, #ffffff, #f5f5f5); /* Standard syntax */
}
.price_ppage em {display: block; text-decoration: line-through; color: #666; line-height: 20px;}
.price_ppage strong {display: block; color: #6BC15F; line-height: 20px;}
.full_price {display: block; float: left; margin: 0 10px;}
.full_price > * {display: inline-block; padding-top: 40px; position: relative; margin-left: -5px;}
.full_price > .num_price_0 {width: 22px; background: url(0x60.png) no-repeat;}
.full_price > .num_price_1 {width: 15px; background: url(1x60.png) no-repeat;}
.full_price > .num_price_2 {width: 21px; background: url(2x60.png) no-repeat;}
.full_price > .num_price_3 {width: 21px; background: url(3x60.png) no-repeat;}
.full_price > .num_price_4 {width: 21px; background: url(4x60.png) no-repeat;}
.full_price > .num_price_5 {width: 21px; background: url(5x60.png) no-repeat;}
.full_price > .num_price_6 {width: 21px; background: url(6x60.png) no-repeat;}
.full_price > .num_price_7 {width: 19px; background: url(7x60.png) no-repeat;}
.full_price > .num_price_8 {width: 21px; background: url(8x60.png) no-repeat;}
.full_price > .num_price_9 {width: 22px; background: url(9x60.png) no-repeat;}
.full_price > .num_price_c {width: 10px; background: url(x60.png) no-repeat; margin-right: 5px;}
.full_price > .num_price_ct {width: 79px; background: url(dx60.png) no-repeat;}

.gift_ppage > p {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; color: #ff8a00; font-weight: bold; padding: 5px 0;}
.gift_ppage > div {padding: 5px 0; font-size: 12px; color: #555;}
.gift_ppage > div p {line-height: 15px; margin: 5px 0;}
.gift_ppage > div p a {color: #f00;}

/*.nav_ppage {padding: 0 10px;}*/
.nav_ppage li {display: inline-block; font-family: 'Roboto Medium', sans-serif; font-size: 18px;}
.nav_ppage li+li a{border-left: 2px solid #fff;}
.nav_ppage li a {
    
	/*border-bottom: 2px solid #eee;*/
	display: block;
	color: #444;
	padding: 5px 10px;
	line-height: 34px;
	position: relative;
	text-decoration: none;
}
.nav_ppage li a.active , .nav_ppage li a:hover {color: #ED1B2F; 
	border: 1px solid #ED1B2F;
	border-bottom: 2px solid #ED1B2F;}
.gia
{
    color:#ED1B2F;
    font-weight:bold;
}
.adv_ship {margin-top: 5px;}
.adv_ship a {display: block;}
.adv_ship a img {max-width: 100%;}

.tags_ppage {padding: 15px; color: #555;}
.tags_ppage i {color: #cf010d;}
.tags_ppage a {display: inline-block; padding: 4px 10px; margin: 0 3px; background: #f8f8f8; color: #555; text-decoration: none;}
.tags_ppage a:hover {color: #cf010d;}

@media screen and (min-width: 18.750em) {
	.left_ppage > p a {padding: 30px 0;}
}

@media screen and (min-width: 34.375em) {
	.left_box {float: left; width: 49%;}
	.right_box {float: right; width: 49%;}
	.left_ppage > p span {display: block; width: 260px; margin: 0 auto;}
	.left_ppage > p a {height: 240px; padding: 0px 0 !important;}
	.left_ppage > p a img { max-height: 100%; max-width: 100%;}
}

@media screen and (min-width: 48em) {}

@media screen and (min-width: 1170px) {
	.left_ppage {float: left; width: 350px;}
	.right_ppage {margin-left: 370px;}

	.left_ppage > p a {height: 240px;}
	.left_box {width: 635px;}
	.right_box {width: 260px;}
	}

.sp-lienquan p.title_box {color: #0054a6;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	padding: 20px 0;
	text-transform: uppercase;}