@charset "utf-8";
/* CSS Document */
/*.container{
    width: 1170px !important;
}*/

input, select {
    color:#555555;
}
input[type="text"], input[type="password"] {
	border-radius: 0;
        padding: 5px;
}

a{ color: #bcbec0; }
a:hover{ 
    color: #F05A22; //#F7931D;
}

a.small_blue{ color: #0066CC;font-size: 13px; }
a.small_blue:hover{ 
    color: #F05A22; //#F7931D;
}

.btn {
	background-image: none;
	background-color: #333;
	border: 1px solid #666;
	color: #FFF;
	text-shadow: none;
	font-size: 0.857em;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
        line-height: 1;
        padding: 6px 4px;
        min-width: 80px;
}
.btn:hover, .btn:focus {
	background-color: #666;
	color: #FFF;
}
.btn-primary {
	background-image: none;
	background-color: #f05a22;
	border: 1px solid #f7931d;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #DE4004;
	color: #FFF;
        border: 1px solid #f7931d;
}
.btn-primary .glyphicon{top: 0;}

.btn-primary2 {
	background-image: none;
	background-color: #f05a22;
	border: 1px solid #f7931d;
        width:30px;
}
.btn-primary2:hover, .btn-primary2:focus {
	background-color: #DE4004;
	color: #FFF;
        border: 1px solid #f7931d;
        width:30px;
}
.btn-primary2 .glyphicon{top: 0;}

.btn-bluesky {
	background-image: none;
	background-color: #006699;
	border: 1px solid #F0F0F0;
}
.btn-bluesky:hover, .btn-bluesky:focus {
	background-color: #003366;
	color: #FFF;
        border: 1px solid #F0F0F0;
}
.btn-bluesky .glyphicon{top: 0;}

.btn-large {
	font-size: 18px;
}

.text-primary {
	color: #ee4f1f;
}

/* Navigation bar */
.navbar {
	margin-bottom: 10px;
}
.navbar .navbar-inner {
	background-color: #313132;
	background-image: none;
	border: 1px solid #4E4E50;
	margin-top: 10px;
	border-radius: 0;
}
.navbar .nav > li > a {
	text-shadow: none;
	color: #FFF;
	font-size: 14px;
}
.navbar .nav > li > a:hover {
	color: #CCC;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #ee4f1f;
	background-image: none;
	background-color: transparent;
	box-shadow: none;
}

/* Pagination */
.pagination {
	margin: 0;
	/*border-bottom: 2px dotted #939597;*/
}
/*.pagination ul > li > a, .pagination ul > li > span {
	background-color: transparent;
	border: 0;
	padding: 0px 4px;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	background-color: transparent;
}*/
.pagination > li > a, .pagination > li > span {
	background-color: transparent;
	border: 0;
	padding: 0px 4px;
        color: #bcbec0;
}
/*.pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span {
	background-color: transparent;
}*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, 
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus,
.pagination > li > a:hover, .pagination > li > span:hover {
    background-color:#F05A22;
    border-color:#F05A22;
    color: #fff;
}
.pagination > li:first-child > a, .pagination > li:last-child > a,
.pagination > li:first-child > span, .pagination > li:last-child > span{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

@media (max-width: 1000px) {
	.navbar .nav > li > a {
		font-size: 14px;
	}
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding-left: 5px;
  padding-right: 5px;
}
/*li {
  line-height: 17px;
}*/
/*Youtube responsive*/
.embed-resp{
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-resp-16by9{padding-bottom: 56.25%;}
.embed-resp-4by3{padding-bottom: 75%;}
.embed-resp .embed-resp-item{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 768px){
    #layout-content{padding: 0;}
    .promotions_news li.promotion-items > div:nth-child(2n){
        border-top: 2px dotted #939597;
        padding-top: 15px;
        margin-top: 15px;
    }
    #goods-list-container .navi_menu li{
        border-bottom: none;
        padding-left: 30px;
        font-size: 16px;
        margin-bottom: 15px;
    }
    #goods-list-container .navi_menu li:first-child{margin-top: 15px;}
    #goods-list-container .navi_menu li:last-child{margin-bottom: 15px;}
    #footer-container.container{padding: 0;}
    #footer-container .graybox{background-color: transparent;}
    #footer-address{text-align: center;}
    
    #pw_alert, #payment-tab, #registerTab{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .tbl-body-payment .product-address{margin-bottom: 10px; border-top: 1px dotted #939597;}
    .tbl-body-payment .all-price{background-color: #ccc; text-align: right; border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px;}
    .tbl-body-payment .all-price > div{display: inline-block;}
    .tbl-body-payment .all-price-label{display: inline-block !important;}
    .tbl-body-payment .form-group, .tbl-body-payment .form-control{
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    //.wrap-psum > div > div:first-child{text-align: right !important;}
    .acc_info .dl-horizontal{margin-top: 10px;}
    .shippingaddress .dl-horizontal:first-child dd{margin-top: 10px;}
    .acc_info .dl-horizontal dd{margin-left: 0;}
    .acc_info hr.dashed{margin: 0; border: none;}
    .acc_info .address_header{margin: 10px 0;}
    .acc_info .address_header dt{float: left; margin-right: 5px;}
    .acc_info .dl-horizontal dd .addr-label{
        display: block;
        float: left;
        width: 30%;
    }
    
    .accordion-inner{padding: 10px !important;}
    .tbl-body-bank > div.col-sm-1, .tbl-body-bank > div.col-sm-2, .tbl-body-bank > div.col-sm-3{padding: 10px 0;}
    .tbl-body-bank, .tbl-body-credit{position: relative; border-bottom: 1px dotted #939597;}
    .tbl-body-bank > div.col-sm-3{position: absolute; right: 0; top: 0;}
    
    .tbl-body-credit > div.col-sm-1, .tbl-body-credit > div.col-sm-2, .tbl-body-credit > div.col-sm-3{padding: 10px 0;}
    .tbl-body-credit > div.col-sm-3{text-align: center;}
    
    #lp-payment .lp-payment-1{margin-bottom: 15px;}
    #lp-payment .lp-payment-3{text-align: right;}
    
    .tbl-body-counter > div.col-sm-1, .tbl-body-counter > div.col-sm-2{padding: 10px 0;}
    .tbl-body-counter > div.col-sm-2{border-bottom: 1px dotted #939597;}
    #table-counter form{text-align: center; margin-top: 10px;}
    
    #tmp1{text-align: center; margin-bottom: 15px;}
    #tmp3{text-align: center;}
    #tmp3 form{margin-top: 15px;}
    
    .tbl-body-debit, .tbl-body-compcode{position: relative; border-bottom: 1px dotted #939597;}
    .tbl-body-debit > div.col-sm-4, .tbl-body-compcode > div.col-sm-4{position: absolute; right: 0; bottom: 0;}
    .tbl-body-debit > div:first-child, .tbl-body-debit > div:last-child, .tbl-body-compcode > div:first-child, .tbl-body-compcode > div:last-child{margin: 10px 0;}
    .tbl-body-debit > div.col-sm-2, .tbl-body-debit > div.col-sm-3{list-style: circle;}
    .tbl-body-debit > div.col-sm-3, .tbl-body-compcode > div.col-sm-3{margin-bottom: 10px;}
    
    #cat-online-list > div, #cat-onlinegame-list > div, #cat-cashcard-list > div, #cat-software-list > div{width: 50%;}
    
    .btn-help-back .label, .btn-faq-back .label{font-size: 1em; padding: 0.5em; cursor: pointer;}
    
    .tbl-body-myorder, .tbl-body-warranty{padding: 15px 0; border-top: 1px solid #f05a22;}
    .tbl-body-myorder ul, .tbl-body-warranty ul{margin-bottom: 0;}
    .tbl-body-myorder a, .tbl-body-warranty a{color: #f05a22;}
    
    .tbl-body-warranty > div > div:last-child{border-bottom: 1px dotted #ddd;}
}

@media (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-device-pixel-ratio: 2),
(min-resolution: 192dpi),
(min-resolution: 2dppx){}

@media (min-width: 768px){
    #promotions_news, #news_data{
        overflow: auto;
        height: 240px;
    }
    .promotions_news li.promotion-items > div:nth-child(2n){
        padding-top: 0px;
        border-top: none;
        border-left: 2px dotted #939597;
    }
    #recomm-container .graybox{padding-top: 15px;}
    
    #tbl-head-payment > div{
        background-color: #939597;
        color: #fff;
        text-align: center;
        padding: 8px 0;
    }
    #tbl-head-payment > div, .tbl-body-payment > div{padding-left: 0px; padding-right: 0;}
    #tbl-head-payment > div.col-sm-1, .tbl-body-payment > div.col-sm-1{width: 40%;}
    #tbl-head-payment > div.col-sm-2, .tbl-body-payment > div.col-sm-2{width: 24%;}
    #tbl-head-payment > div.col-sm-3, .tbl-body-payment > div.col-sm-3{width: 12%;}
    #tbl-head-payment > div.col-sm-4, .tbl-body-payment > div.col-sm-4{width: 12%;}
    #tbl-head-payment > div.col-sm-5, .tbl-body-payment > div.col-sm-5{width: 12%;}
    
    .tbl-body-payment, .tbl-body-bank, .tbl-body-credit, .tbl-body-counter,
    #table-mpay, .tbl-body-debit, .tbl-body-compcode, #tbl-head-myorder, .tbl-body-myorder,
    #tbl-head-warranty, .tbl-body-warranty{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .inbox_content div.tbl-body-payment:not(:last-child){border-bottom: 1px dotted #939597;}
    .tbl-body-payment > div:not(:last-child){border-right: 1px dotted #939597;}
    .tbl-body-payment .all-price{text-align: center;}
    .tbl-body-payment .all-price > div{padding: 5px;}
    
    #tbl-head-bank, #tbl-head-credit, #tbl-head-counter, #tbl-head-debit, #tbl-head-compcode{background-color: #F05A22; color: #fff; text-align: center;}
    #tbl-head-bank > div.col-sm-1, .tbl-body-bank > div.col-sm-1{width: 30%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-bank > div.col-sm-2, .tbl-body-bank > div.col-sm-2{width: 55%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-bank > div.col-sm-3, .tbl-body-bank > div.col-sm-3{width: 15%; padding: 8px; border-left: 1px dotted #939597; border-right: 1px dotted #939597; text-align: center;}
    .tbl-body-bank{border-top: 1px dotted #939597;}
    .tbl-body-bank:last-child{border-bottom: 1px dotted #939597;}
    
    //#tbl-head-credit{background-color: #F05A22; color: #fff; text-align: center;}
    #tbl-head-credit > div.col-sm-1, .tbl-body-credit > div.col-sm-1{width: 42%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-credit > div.col-sm-2, .tbl-body-credit > div.col-sm-2{width: 45%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-credit > div.col-sm-3, .tbl-body-credit > div.col-sm-3{width: 13%; padding: 8px; border-left: 1px dotted #939597; border-right: 1px dotted #939597; text-align: center;}
    .tbl-body-credit{border-top: 1px dotted #939597;}
    .tbl-body-credit:last-child{border-bottom: 1px dotted #939597;}
    
    #lp-payment .lp-payment-1{float: left; width: 25%; text-align: center; vertical-align: middle;}
    #lp-payment .lp-payment-2{float: left; width: 60%;}
    #lp-payment .lp-payment-3{float: left; width: 15%; text-align: center; vertical-align: bottom;}
    #lp-payment .lp-payment-1, #lp-payment .lp-payment-3{margin-top: 15%;}
    
    #table-counter{position: relative; border: 1px dotted #939597;}
    #tbl-head-counter > div.col-sm-1, .tbl-body-counter > div.col-sm-1{width: 50%; padding: 8px;}
    #tbl-head-counter > div.col-sm-2, .tbl-body-counter > div.col-sm-2{width: 38%; padding: 8px;}
    #tbl-head-counter > div.col-sm-3, .tbl-body-counter > div.col-sm-3{width: 12%; padding: 8px;}
    #tbl-head-counter > div.col-sm-3{border-bottom: 1px dotted #939597;}
    .tbl-body-counter > div.col-sm-1{border-top: 1px dotted #939597;}
    .tbl-body-counter > div.col-sm-2{border-top: 1px dotted #939597;  border-left: 1px dotted #939597;  border-right: 1px dotted #939597;}
    #table-counter form{position: absolute; top: 125px; right: 5px;}
    
    #table-mpay > div{float: left;}
    #tmp1{width: 20%; text-align: center; padding-top: 40px;}
    #tmp2{width: 60%;}
    #tmp3{width: 20%; text-align: center; padding-top: 60px;}
    #tmp-desc{margin-left: 22% !important;}
    
    #table-purse > div:first-child{margin-top: 10px !important;}
    #table-purse-desc > div{float: left;}
    #tpurse1{width: 30%; text-align: center;}
    #tpurse2{width: 50%;}
    #tpurse3{width: 20%; text-align: center; margin-top: 50px;}
    
    #tbl-head-debit > div.col-sm-1, .tbl-body-debit > div.col-sm-1,
    #tbl-head-compcode > div.col-sm-1, .tbl-body-compcode > div.col-sm-1
    {width: 35%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-debit > div.col-sm-2, .tbl-body-debit > div.col-sm-2,
    #tbl-head-compcode > div.col-sm-2, .tbl-body-compcode > div.col-sm-2
    {width: 27%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-debit > div.col-sm-3, .tbl-body-debit > div.col-sm-3, #tbl-head-compcode > div.col-sm-3, .tbl-body-compcode > div.col-sm-3
    {width: 23%; padding: 8px; border-left: 1px dotted #939597;}
    #tbl-head-debit > div.col-sm-4, .tbl-body-debit > div.col-sm-4, #tbl-head-compcode > div.col-sm-4, .tbl-body-compcode > div.col-sm-4
    {width: 15%; padding: 8px; border-left: 1px dotted #939597; border-right: 1px dotted #939597; text-align: center;}
    .tbl-body-debit, .tbl-body-compcode{border-bottom: 1px dotted #939597;}
    
    #cat-online-list > div, #cat-onlinegame-list > div, #cat-cashcard-list > div, #cat-software-list > div{width: 20%;}
    
    #tbl-head-myorder, #tbl-head-warranty{background-color: #939597; color: #fff;}
    #tbl-head-myorder > div, #tbl-head-warranty > div{text-align: center;}
    #tbl-head-myorder > div, .tbl-body-myorder > div, #tbl-head-warranty > div, .tbl-body-warranty > div{padding: 8px;}
    #tbl-head-myorder > div.col-sm-1, .tbl-body-myorder > div.col-sm-1{width: 11%;}
    #tbl-head-myorder > div.col-sm-2, .tbl-body-myorder > div.col-sm-2{width: 7%; border-left: 1px dotted #939597;}
    #tbl-head-myorder > div.col-sm-3, .tbl-body-myorder > div.col-sm-3{width: 14%; border-left: 1px dotted #939597;}
    #tbl-head-myorder > div.col-sm-4, .tbl-body-myorder > div.col-sm-4{width: 27%; border-left: 1px dotted #939597;}
    #tbl-head-myorder > div.col-sm-5, .tbl-body-myorder > div.col-sm-5{width: 10%; border-left: 1px dotted #939597;}
    #tbl-head-myorder > div.col-sm-6, .tbl-body-myorder > div.col-sm-6{width: 13%; border-left: 1px dotted #939597;}
    #tbl-head-myorder > div.col-sm-7, .tbl-body-myorder > div.col-sm-7{width: 18%; border-left: 1px dotted #939597;}
    #tbl-head-myorder,.tbl-body-myorder, #tbl-head-warranty, .tbl-body-warranty{border-bottom: 1px dotted #939597;}
    .tbl-body-myorder a{color: #f05a22;}
    
    #tbl-head-warranty > div.col-sm-1, .tbl-body-warranty > div.col-sm-1{width: 15%; word-break: break-all;}
    #tbl-head-warranty > div.col-sm-2, .tbl-body-warranty > div.col-sm-2{width: 18%; border-left: 1px dotted #939597;}
    #tbl-head-warranty > div.col-sm-3, .tbl-body-warranty > div.col-sm-3{width: 18%; border-left: 1px dotted #939597;}
    #tbl-head-warranty > div.col-sm-4, .tbl-body-warranty > div.col-sm-4{width: 15%; border-left: 1px dotted #939597;}
    #tbl-head-warranty > div.col-sm-5, .tbl-body-warranty > div.col-sm-5{width: 34%; border-left: 1px dotted #939597;}
}

@media (min-width: 992px){
    .promotions_news li.promotion-items > div:nth-child(2n){
        padding-top: 0px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 992px),
(min--moz-device-pixel-ratio: 2) and (min-width: 992px),
(-o-min-device-pixel-ratio: 2/1) and (min-width: 992px),
(min-device-pixel-ratio: 2) and (min-width: 992px),
(min-resolution: 192dpi) and (min-width: 992px),
(min-resolution: 2dppx) and (min-width: 992px){}

@media (min-width: 768px) and (max-width: 1200px){
    #layout-container.container, #footer-container.container, #header-tablet-container.container{width: auto;}
    #goods-list-container .navi_menu li{border-bottom: none;}
}

@media (max-width: 1200px){
    .wrap_footer_sitemap{border-top: none;}
}

@media (min-width: 1200px){
    #layout-menu-left{padding-right: 10px;}
    #layout-content{padding-left: 0;}

    .promotions_news li.promotion-items > div:nth-child(2n){
        border-left: 2px dotted #939597;
    }
    
    #recomm-container .graybox{padding-top: 0;}
    #footer-sitemap{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
#myModal4 .modal-dialog  {width:750px;}