@charset "UTF-8";
/* 排行榜共用樣式 */
@import url(/include/i_GTrank.css);

/* =================全域設訂================= */
* { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { background: none; line-height: 24px; font-size: 16px; -webkit-text-size-adjust: none; /*iPhone旋轉後 文字不要放大*/
	font-family: "Helvetica Neue","微軟正黑體","Helvetica","Arial","PingFangTC-Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif; }

/*外層框架*/
.wrapper { width: 100%; }

/*容器基本框架*/
.container { margin: 0 auto; position: relative; }
h1 { display: none; }


/* =================內容區塊================= */

p { margin:3px 0 20px 38px; }

/*提示文字區塊*/
.tips-area { padding:16px; background:#f6cbd3; border-radius:10px; margin:20px 0; color:#000; font-size:15px; }


/* ================= icon ================= */
.ico { display: inline-block; padding: 0px 8px; margin:0px 5px; font-size: .8em; color: #fff; box-shadow: 1px 1px #555; font-weight: bold; 
	font-style: normal; text-align: center; vertical-align: middle; border-radius: 16px; }
.ico-danger { background-color: #f00; color: #fff; }
.ico-fun { background-color: #f7f40a; color: #f00; }
.ico-primary { background-color: #007bff; color: #fff; }
.ico-success { background-color: #28a745; color: #fff; }
.ico-info { background-color: #17a2b8; color: #fff; }
.ico-beauty { background-color: #da199d; color: #fff; }
.ico-light { background-color: #fff; color: #343434; }
.ico-wraning { background-color: #ffc107; color: #c50018; }
.ico-dark { background-color: #000; color: #fff; }
.ico-secondary { background-color: #868e96; color: #223141; }


/* =================通用類別================= */
.float-left			{ float:left;}
.float-right		{ float:right;}
.clear-both			{ clear:both}
.textalign-left		{ text-align:left;}
.textalign-center	{ text-align:center;}
.textalign-right	{ text-align:right;}
.show				{ display: block;}
.hidden				{ display: none;}
.invisible			{ visibility: hidden;}
.center 			{ text-align:center; margin-left:0px; } /*內置物件置中*/

/* =================文字類別================= */	
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-indent-3em { display: block; margin-left: 3em; text-indent: -3em; }
.txt-indent-4em { display: block; margin-left: 4em; text-indent: -4em; }
.txt-indent-5em { display: block; margin-left: 5em; text-indent: -5em; }

.f-bold	{ font-weight: bold;}
.f-lg	{ font-size: 110%;}
.f-ss	{ font-size: 80%;}
.f-link	{ text-decoration: none;}
.f-danger	{ color: #FF0000;}
.f-fun		{ color: #f7f40a;}
.f-primary	{ color: #00F;}
.f-success	{ color: #28a745;}
.f-info		{ color: #17a2b8;}
.f-beauty	{ color: #da199d;}
.f-light	{ color: #fff;}
.f-wraning	{ color: #ffc107;}
.f-dark		{ color: #000;}
.f-secondary{ color: #868e96;}

/* =================圖片類別================= */	
/*圓角*/
.img-radius {border-radius: 15px;}
/*外框線*/
.img-border {border:#ddd 4px solid;}
/*圓形*/
.img-circle {border-radius: 50%;}
/*滿版*/
.img-responsive {max-width: 100%;}
/*置中*/
.img-margin { display:block; margin:0 auto;}