@charset "utf-8";

/* Helper -------------------------------------- */
.img-resp {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.container {
	width: 1200px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.js-text-danger {
	color: #eb3f20;
}

.js-text-success {
	color: #1da11b;
}

.js-text-primary {
	color: #009fe8;	
}

.js-text-cancel {
	color: #aaa;
}

/* Reset -------------------------------------- */
h2, h3, ul, li{ padding: 0; margin: 0;}
ul { list-style-type: none;}
body{
	font-size: 15px;
	font-family:  Arial, Helvetica, "儷黑 Pro", "微軟正黑體", "細明體", sans-serif;
}

.title-inner {
	margin-bottom: 60px;
	text-align: center;
}

.title{
	font-size: 50px;
	letter-spacing: 20px;
    color: #000;
}

/* Module ---------------------------------------- */
.glbl {
	position: relative;
}

.glbl-item {
	position: absolute;
	width: 200px;
	background-color: rgba(255,255,255,.7);
	border: solid 1px #ddd;
}

.glbl-item-de { top: -19px; left: 564px;}
.glbl-item-fr { top: 132px; left: 307px;}
.glbl-item-jp { top: 172px; right: 13px;}
.glbl-item-kr { top: 31px; right: 68px;}
.glbl-item-tw { top: 233px; right: 229px;}
.glbl-item-us { top: 160px; left: 0;}
.glbl-item-cn { top: 159px; right: 445px;}
.glbl-item-uk { top: -19px; left: 308px;}

.glbl-head,
.glbl-body {
	margin: 10px;
}

.glbl-head {
	display: flex;
	justify-content: space-between;
}

.glbl-title{
	width: 60px;
	height: 40px;
	text-indent: -9999px;
	background-image: url("../images/flag.png");
}

.glbl-date {
	font-size: 14px;
	font-style: italic;
	color: #666;
}

.glbl-result {
	margin-top: 5px;
}

.glbl-item-de .glbl-title { background-position: 0 0;}
.glbl-item-fr .glbl-title { background-position: 0 -40px;}
.glbl-item-jp .glbl-title { background-position: 0 -80px;}
.glbl-item-kr .glbl-title { background-position: 0 -120px;}
.glbl-item-tw .glbl-title { background-position: 0 -160px;}
.glbl-item-us .glbl-title { background-position: 0 -200px;}
.glbl-item-cn .glbl-title { background-position: 0 -240px;}
.glbl-item-uk .glbl-title { background-position: 0 -280px;}

.glbl-status {
	text-align: right;
}

.glbl-dt {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	color: #666;
}

.glbl-dt ~ .glbl-dt {
	padding-top: 7px;
	margin-top: 5px;
	border-top: solid 1px #ddd;
}

.glbl-dd {
	margin: 0;
	font-weight: 600;
}

.glbl-price {
	font-size: 16px;
}

.glbl-ing {
	font-size: 12px;
	font-style: italic;
}