* {font-family: 微軟正黑體;}
img { height: auto;max-width: 100%; }
body {background-color:#fc0;font-size: 1.6rem;}


/*------------↓Bootstrap↓------------*/

/*------------↓NAV↓------------*/
.header_logo {display:block; text-align:center; padding:8px;}
.nav {display: flex;}
.nav > li {display: inline-block;}
.justify-content-center {-ms-flex-pack: center !important;justify-content: center !important;}
.navbar { margin-bottom: 0; }
.navbar-inverse {background-color: #c00;border-color: #c00;}
.justify-content-center > li > a { padding: 10px 30px; font-size:2.5rem;}
.navbar-inverse .justify-content-center > li > a { color: #fff; }
.navbar-inverse .justify-content-center > li > a:focus,
.navbar-inverse .justify-content-center > li > a:hover { color: #fc0;background-color: #333;}
/*------------↑NAV↑------------*/

h2{font-size:3rem;margin:0 auto;font-weight:600;}
h3,.panel-title{font-size:2.7rem;margin:0 auto;font-weight:600;}
h4{font-size:2.6rem;margin:0 auto; font-weight:600;}
h5,#i_rRandom_name{font-size:2.4rem;margin:0 auto; font-weight:600;}
h6,p{font-size:2.2rem; line-height:1.6}

.lead {font-size: 130%;color: #c00;font-weight: 600;}
.panel-orange {border-color: #f60;}
.panel-orange > .panel-heading { background-color: #f60;border-color: #f60;color: #fff;}
.panel-red {border-color: #c00;}
.panel-red > .panel-heading { background-color: #c00;border-color: #c00;color: #fff;}
.bg-white,.bg-red{border-radius: 5px; padding:5px 2%; margin-bottom:2%;}
.bg-white {background-color: #fff;}
.bg-red{background-color: #c00;}
.bg-red > h2 {color: #fff;}
.text-red { color:#c00;}
.text-white{ color:#fff;}
.btn {margin-bottom: 10px;}

/*------------↑Bootstrap↑------------*/


/*------------↓footer↓------------*/
.social_img{width:30px}
footer {margin-top:2%;color: #fff;}
footer .bg {padding-top:15px; padding-bottom:15px;background-color: #c00;}
footer p {margin:0 auto;}
footer img {margin:0 5px;}
footer a.alert-link { color:#fff;}
footer a.alert-link:hover {color:#ff0}

.topimg {margin-bottom:2%;}
.home_link {margin:0 auto;}
.home_link a {display:inline-block;margin: 2% 5px;width:22%; background-color: #c00;color: #fff;font-size:4rem;text-decoration: none; padding-bottom:5px;}
.home_link a:hover {background-color:#666;} 
.home_link img {display:block;margin-bottom:5px;}

.product .item { padding:10px; margin-bottom:2%;}
.product h5 {color:#c00;}
.product .pull-left {margin-right: 8px;}
.product .btn,.salesman .btn {font-size:2.5rem;margin:1% auto;}
.salesman p,.salesman a,.salesman div {display:inline-block;margin:5px}

.fb_w {margin:0 auto;min-width:90%}
.fb_w div{width:100%;}

@media only screen and (max-width: 1280px) { 
.product .pull-left { width:100%;margin-right: 0;}
}
@media only screen and (max-width: 980px) { 
.product .pull-left { width:50%;margin-right: 8;}
.product .col-xs-12 { margin-bottom:2%;}
}
@media only screen and (max-width: 800px) { 
h2{font-size:2.9rem;}
h3,.panel-title{font-size:2.7rem;}
h4{font-size:2.5rem;}
h5,#i_rRandom_name{font-size:2.2rem;}
h6,p{font-size:2rem;}
.home_link a {width:45vw;}
.product .btn,.salesman .btn {font-size:2rem;margin:1% auto;}
}
@media only screen and (max-width: 768px) { 
topimg {margin-bottom:5%;}
footer {margin-top:5%;}
footer .col-xs-12 {margin-top:20px;}

/*------------↓NAV↓------------*/
.phone_logo {width:50vw; padding:8px;}
.navbar {min-height: 10px;margin-bottom: 0;border: 1px solid #333;}
ul.nav { margin-top: 0;margin: 0 auto;display: block;}
.navbar-inverse {background-color: #fc0; border:#fc0; border-bottom: 1px solid #333;}
.navbar-collapse { border-color:#333;background-color:#c00; } /*-nav展開背景色-*/
.nav > li { text-align: right;display: block;}
.navbar-inverse .navbar-toggle { border-color: #fff;background-color: #c00; }
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover { background-color: #ccc;border-color: #ccc;}
}

@media only screen and (max-width: 480px) { 
h2{font-size:2.7rem;}
h3,.panel-title{font-size:2.4rem;}
h4{font-size:2.2rem;}
h5,#i_rRandom_name{font-size:2rem;}
h6,p,.product .btn,.salesman .btn{font-size:1.8rem;}

.home_link a {margin: 2% auto;width:90vw;}
.product .pull-left { width:100%;margin-right: 0;}
}