@import url("/WebMaster/themes/includes/reset.css");
@import url("/WebMaster/themes/includes/FontAwesome_4.7.0/css/font-awesome.css");
@import url("/WebMaster/themes/includes/FontAwesome_4.7.0/css/font-awesome.min.css");

/* ====== 主框架樣式 ====== */
body {width: 100%;height: 100%;padding: 0;margin: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;overflow: auto;}
.bodyWrap {position: relative;min-height: 100%;*display: table; /* For IE7 Hack */*height: 100%; /* For IE7 Hack */}
.b-box {-o-webkit-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* 基本標籤物件處理 */
img {max-width: 100%;height: auto;width: auto/9;} 
input[type=button], input[type=submit], input[type=reset]{cursor: pointer;}
/* 刪除繼承父樣式 */
.clear {clear: both;}
/* 首頁會員中心顯示 */
#bb_6.block {} 
 @-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}

/* ------ Content ------ */
#LeftBlock {}
#CenterBlock {}
#RightBlock {}
/* fix */
.blockContent {height: 1%}
.lastObject {clear: both;}
.wrap-col {margin:10px;}


/* ====== RWD 樣式 ====== */
.outWrap {position: relative;}
.outWrap:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.outWrap .row{}
.outWrap .row:before,.row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.outWrap .row:after{clear: both;}
.outWrap .row{zoom: 1;}
.outWrap .wrap-col{margin:10px;}
.outWrap .col-1-2, .outWrap .col-1-3, .outWrap .col-2-3, .outWrap .col-1-4, .outWrap .col-2-4, .outWrap .col-3-4, .outWrap .col-1-5, .outWrap .col-2-5, .outWrap .col-3-5, .outWrap .col-4-5, .outWrap .col-1-6, .outWrap .col-2-6, .outWrap .col-3-6, .outWrap .col-4-6, .outWrap .col-5-6{float:left; display: inline-block;}

.outWrap .col-full{width:100%;}

.outWrap .col-1-2{width:50%;}

.outWrap .col-1-3{width:33.33%;}
.outWrap .col-2-3{width:66.66%;}

.outWrap .col-1-4{width:25%;}
.outWrap .col-2-4{width:50%;}
.outWrap .col-3-4{width:75%;}

.outWrap .col-1-5{width:20%;}
.outWrap .col-2-5{width:40%;}
.outWrap .col-3-5{width:60%;}
.outWrap .col-4-5{width:80%;}

.outWrap .col-1-6{width:16.66666666666666%;}
.outWrap .col-2-6{width:33.33%;}
.outWrap .col-3-6{width:50%;}
.outWrap .col-4-6{width:66.66%;}
.outWrap .col-5-6{width:83.33%;}

@media only screen and (max-width: 1024px) {
	
}

@media only screen and (min-width: 960px) {

}

@media only screen and (max-width: 840px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (min-width: 620px) {

}

@media only screen and (min-width: 480px) {

}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {

}