/* IE Textbox Clear Fixed */
input::-ms-clear {display: none; width:0; height:0;}

/*Global*/

a, a:hover{text-decoration:none;}

.Left{text-align: left;}
.Right{text-align: right;}

body{background:#eee url('images/bg.png') center top no-repeat; margin:0 auto; font-family: 'Arial', '文泉驛正黑', 'WenQuanYi Zen Hei', '儷黑 Pro', 'LiHei Pro', '微軟正黑體', 'Microsoft JhengHei', '標楷體', 'DFKai-SB', 'sans-serif', 'Lato'; }
.container{width:1250px; padding: 0; margin: 0 auto;}

/* BlockUI-MsgBox */
span.BlockUI-MsgBox { display: block; padding: 10px; font-size: 24px; }

/* Header */
#header{position:relative; display:flex; align-items:flex-end; padding-top:10px; margin-bottom:10px;}
#header .icon-block {display:inline-block;}
#header .right {margin-left:auto;}
#header .btn-panel>div {margin-top:5px; text-align:right;}
#header ul.language{display:flex; list-style:none; padding:0; margin-right:15px; margin-bottom:0;}
#header ul.language li{margin-left:10px; line-height:34px;}
#header ul.language li a.FooterBtn{margin-top:-5px;}
#header ul.language li a {font-size: 14px;}
#header>span>img {height: 80px;}
#header span.SubscriptionContent {display: none;}
span.SubscriptionLabel {display: inline-block; width: 10em;}

/* Subscription */
div.bootstrap-dialog-message form.form-horizontal div.input-group, div.SubscriptionMessage div.input-group {width: 100%}
div.bootstrap-dialog-message form.form-horizontal .form-control, div.SubscriptionMessage .form-control {border-radius: 0;}
div.SubscriptionMessage {padding: 10px;}

/* Menu */
#menu{list-style:none; margin:0 -3px 0 0; padding:0;}
/*
#menu > li{position:relative; display:inline-block; margin:0; padding:0; width:14.06%; margin-right:-4px;}
*/
#menu > li{position:relative; display:inline-block; margin:0; padding:0; width:16.45%; margin-right:-4px;}
#menu > li + li{margin-left:0.26%;}
/*
#menu > li > div{display:block; padding:10px; height:60px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
*/
#menu > li > div{display:table; padding:10px; height:75px; width: 100%; overflow:hidden; text-overflow:ellipsis;}
#menu > li > div.text-row-2{line-height:20px;}
#menu > li > div.brick-red, #menu > li > div.brick-red + ul > li > div.brick-red{background:#ef4f51 url('images/icon-people-xs.png') 95% 50% no-repeat; color:#fff;}
#menu > li > div.brick-red + ul div, #menu > li > div.brick-red + ul div + ul > li > div.brick-red + ul div{background:#ef4f51; color:#fff;}
#menu > li > div.brick-purple{background:#8256a5 url('images/icon-travel-xs.png') 95% 50% no-repeat; color:#fff;}
#menu > li > div.brick-purple + ul div{background:#8256a5; color:#fff;}
#menu > li > div.brick-green{background:#aacb49 url('images/icon-book-xs.png') 95% 50% no-repeat; color:#fff;}
#menu > li > div.brick-white{background:#ffffff url('images/icon-report-xs.png') 95% 50% no-repeat; color:#4891c8;}
#menu > li > div.brick-pink{background:#f079b1 url('images/icon-chart-up-xs.png') 95% 50% no-repeat; color:#fff;}
#menu > li > div.brick-dark-blue{background:#009345 url('images/icon-play-xs.png') 95% 50% no-repeat; color:#fff;}
#menu > li > div.brick-blue{background:#4891c8 url('images/icon-back-xs.png') 95% 50% no-repeat; color:#fff;}

#menu > li > div.brick-golden{background:#D4AF37 url('images/icon-week-xs.png') 95% 50% no-repeat; color:#fff;}
/*
#menu > li > div > span {display:block; position: relative; top:50%; transform:translateY(-50%); width:115px;}
*/
#menu > li > div > div  {display:table-cell; vertical-align: middle;}
#menu > li > div > div > span {display:block; width:115px;}
/* Break by Letter
#menu > li > div > span {word-wrap: break-word; word-break: break-all;}
*/
#menu > li, #menu > li > div + ul > li{position:relative;}
#menu > li > div + ul{position:absolute; top:75px; left:0px; z-index:1001; list-style:none; margin:0; padding:0; width:100%; display:none;}
#menu > li > div + ul > li > div + ul{position:absolute; top:0px; left:100%; z-index:1002; list-style:none; margin:0; padding:0; width:100%; display:none;}
#menu > li > div:hover + ul, #menu > li > div + ul:hover{display:block; width:100%;}
#menu > li > div + ul > li > div:hover + ul, #menu > li > div + ul > li > div + ul:hover{display:block; width:100%;}
/*
#menu > li > div + ul > li > div, #menu > li > div + ul > li > div + ul > li > div{padding:10px; display:block; opacity:0.8;}
*/
#menu > li > div + ul > li > div, #menu > li > div + ul > li > div + ul > li > div{padding:10px; display:block; word-break:keep-all;}
#menu > li > div + ul > li , #menu > li > div + ul > li > div + ul > li{opacity:0.8;}
/*
#menu > li > div + ul > li > div:hover{opacity:1;}
#menu > li > div + ul > li > div + ul > li > div:hover{opacity:1;}
*/
#menu > li > div + ul > li:hover{opacity:1;}
#menu > li > div + ul > li > div + ul > li:hover{opacity:1;}

/* Menu Lang Font-Size */
#menu.MenuP .brick-purple, #menu.MenuP .brick-green, #menu.MenuP .brick-pink, #menu.MenuP .brick-dark-blue, #menu.MenuP .brick-golden {font-size: 12px;}
#menu.MenuT>li>div.icon-block, #menu.MenuS>li>div.icon-block {letter-spacing: 0.5em;}

.icon-block { cursor: pointer; }
.icon-goldweek { margin-left: 30px; }

/* SL-Dropdown */
.sl-dropdown {width: auto; display: inline-block; margin-right: 10px;}
.sl-dropdown .dropdown-menu {width:1000px; background-color: #EEE;}
.sl-dropdown .dropdown-menu .row {margin: 0;}
.sl-dropdown .dropdown-menu .col {margin: 0; padding: 0;}
.sl-dropdown .dropdown-menu >div label {display:block; padding: 0 10px; margin: 0; font-weight: normal;}
/*
.sl-dropdown .dropdown-menu > div span{display:block; padding: 0; margin: 10px; font-weight: normal;}
*/
/*
.sl-dropdown .dropdown-menu >div label>span {top:50%; transform:translateY(-50%);}
*/
.sl-dropdown .dropdown-menu >div label{}
.sl-dropdown .dropdown-menu >div label>input {position: absolute;}
.sl-dropdown .dropdown-menu >div label>span {margin-left: 20px; display: inline-block; position: relative;}
.sl-dropdown .dropdown-menu >div label.Title {font-size: 16px; font-weight: bold;}
.sl-dropdown .dropdown-menu >div label.Option {cursor: pointer;}
.sl-dropdown .dropdown-menu >div label.Option:hover {background-color: #DDD;}
.sl-dropdown span.Line {display: block; margin: 10px 0; height: 0px; line-height: 0px; border-bottom: #999 1px solid; }
.Toggle {font-weight: bold;}

.sl-dropdown .SecondarySelector.T {width: 200px;}
.sl-dropdown .SecondarySelector.S {width: 200px;}
.sl-dropdown .SecondarySelector.E {width: 200px;}
.sl-dropdown .SecondarySelector.P {width: 200px;}
.sl-dropdown .PlaceSelector.T {width: 600px;}
.sl-dropdown .PlaceSelector.S {width: 600px;}
.sl-dropdown .PlaceSelector.E {width: 1000px;}
.sl-dropdown .PlaceSelector.P {width: 1000px;}
.sl-dropdown .PlaceSelector.VisitorsInEntryPointNPlace.T {width: 700px;}
.sl-dropdown .PlaceSelector.VisitorsInEntryPointNPlace.S {width: 700px;}
.sl-dropdown .PlaceSelector.VisitorsInEntryPointNPlace.E {width: 1150px;}
.sl-dropdown .PlaceSelector.VisitorsInEntryPointNPlace.P {width: 1150px;}
.sl-dropdown .PlaceSelector.VisitorsInEntryPointNPlace div.col-option {width: 14.28%;}
.sl-dropdown .VisitorSelector.T {width: 260px;}
.sl-dropdown .VisitorSelector.S {width: 260px;}
.sl-dropdown .VisitorSelector.E {width: 360px;}
.sl-dropdown .VisitorSelector.P {width: 450px;}
.sl-dropdown .OptEstbSelector.T {width: 260px;}
.sl-dropdown .OptEstbSelector.S {width: 260px;}
.sl-dropdown .OptEstbSelector.E {width: 360px;}
.sl-dropdown .OptEstbSelector.P {width: 450px;}
.sl-dropdown .EntryPointSelector.T {width: 500px;}
.sl-dropdown .EntryPointSelector.S {width: 500px;}
.sl-dropdown .EntryPointSelector.E {width: 800px;}
.sl-dropdown .EntryPointSelector.P {width: 800px;}
.sl-dropdown .HotelClassSelector.T {width: 260px;}
.sl-dropdown .HotelClassSelector.S {width: 260px;}
.sl-dropdown .HotelClassSelector.E {width: 270px;}
.sl-dropdown .HotelClassSelector.P {width: 450px;}
.sl-dropdown .GoldenWeekSelector.T {width: 260px;}
.sl-dropdown .GoldenWeekSelector.S {width: 260px;}
.sl-dropdown .GoldenWeekSelector.E {width: 270px;}
.sl-dropdown .GoldenWeekSelector.P {width: 450px;}

ul.nav.nav-tabs>li>button.Manual {margin-top: 3px;}

/* Chart Panel */
.Chart-Panel {background:#fff; padding: 10px 0;}
/*
.Chart-Panel .Panel {height: 400px;}
*/
/*
.highcharts-tooltip .tooltip-panel { padding: 10px; }
.highcharts-tooltip span { padding: 10px; background-color: #FEFEFE; opacity: 1; z-index: 9999!important; }
*/

/*.ButtonPanel .BtnRow {margin: 10px 0;}*/
.ButtonPanel .BtnRow {margin: 0 0 10px;}
.ButtonPanel .BtnRow:not(:first-child) {margin: 10px 0 0;}
.Panel {margin: 0 auto 10px; max-width: 1200px; border: #CCC 1px solid;}
.Map-Panel {height: 600px;}
.btn-group {margin-right: 10px;}
div.dropdown-menu {padding: 10px;}
div.dropdown-menu>div.btn-group-vertical>button.btn {min-width: 30em;}
div.dropdown-menu>div.Export-Btn-Group {width: 300px; margin: 0; padding: 0;}
div.dropdown-menu>div.Internal {margin-top: 10px;}
#FunctionSelector {display: inline-block; vertical-align: bottom;}
.FunctionSelector {display: inline-block; margin: 0 10px 0 0; width: 14em; vertical-align: bottom;}
.FunctionSelector.P {width: 22em;}
.Period {display: inline-block; margin: 0 10px 0 0; width: 12em; vertical-align: bottom;}
#FunctionSelector:disabled {pointer-events: none;}
.PeriodSelector {display: inline-block; margin: 0 10px 0 0; width: 8em; vertical-align: bottom;}
#Period1, #Period2 {display: none;}
.tab-pane {padding: 0 10px;}
#PlaceSelector {display: inline-block;}
.ButtonPanel {margin: 10px auto; max-width: 1200px;}
.PeriodYear, .ImageSelector {display: inline-block; margin: 0 10px 0 0; width: 12em;}
#AngSelector, #AngSelector>div {display: inline-block;}
#AngSelector>div {margin: 0 10px 0 0;}
#NotePanel {margin: 0 auto 10px; max-width: 1200px;}
#NotePanel > span {display: inline-block; vertical-align: top;}
#NotePanel.T > span:nth-child(2), #NotePanel.S > span:nth-child(2) {max-width: 70em;}
#NotePanel.E > span:nth-child(2), #NotePanel.P > span:nth-child(2) {max-width: 60em;}
div.AnalyticsPeriod {width: auto; max-width: 415px; display: inline-block; margin-right: 10px; vertical-align: bottom;}

/* Top 10 */
.Top10Panel {margin: 0 auto 10px; max-width: 1200px;}
.Top10Panel img {max-width: 1200px; border: #CCC 1px solid;}

/* Over-Write Bootstarp */
select.form-control[disabled] { cursor: default; }

/* Footer */
#Remark, #Footer {margin: 10px auto;}
#Footer>span {display: inline-block; vertical-align: bottom; margin: 0 10px 0 0;}
/*
#Footer>span>div>span {display: inline-block; width: 25em;}
*/
#Footer span.DisclaimerContent, #Footer span.TermOfServicesContent {display: none;}