@charset "utf-8";::-webkit-scrollbar{width:12px;}
#content::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background-color:#eaeaea;border-left:1px solid #ccc;}
::-webkit-scrollbar-thumb{background-color:#880000;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background-color:#aaa;}
@media (max-width:767px){
	body{
		font-family:'Comic Sans MS', sans-serif ,微軟正黑體 , 新細明體;
		background:#A3D1D5;
		background-position:center top;
		background-attachment:fixed;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		height:100%;
	}
}
@media (min-width:768px){
	body{
		font-family:'Comic Sans MS', sans-serif ,微軟正黑體 , 新細明體;
		background:url(images/background.png) no-repeat;
		background-color:#FFE4C7;
		background-position:center top;
		background-attachment:fixed;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		height:100%;
	}
#footer{background-color:rgba(195, 170, 142, 0.6);box-sizing:border-box;position:absolute;bottom:0;width:100%;font-size:8px;line-height:1;}
#img_msg_title{text-align:center;font-size:20px;font-weight:900;padding:3px 0px;}
#img_msg_body{padding:0px 5px 3px 5px;font-size:14px;}
}
@media (min-width:992px) and (max-width:1199px){body{font-family:'Comic Sans MS', sans-serif ,微軟正黑體 , 新細明體;background:url(images/background.png) no-repeat;background-color:#FFE4C7;background-position:center top;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:16px;height:100%;}
#footer{background-color:rgba(195, 170, 142, 0.6);box-sizing:border-box;position:absolute;bottom:0;width:100%;font-size:10px;line-height:1;}
#img_msg_title{text-align:center;font-size:22px;font-weight:900;padding:3px 0px;}
#img_msg_body{padding:0px 5px 3px 5px;font-size:16px;}
}
@media (min-width:1200px){body{font-family:'Comic Sans MS', sans-serif ,微軟正黑體 , 新細明體;background:url(images/background.png) no-repeat;background-color:#FFE4C7;background-position:center top;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;font-size:20px;height:100%;}
#footer{background-color:rgba(195, 170, 142, 0.6);box-sizing:border-box;position:absolute;bottom:0;width:100%;font-size:12px;line-height:1;}
#img_msg_title{text-align:center;font-size:24px;font-weight:900;padding:3px 0px;}
#img_msg_body{padding:0px 5px 3px 5px;font-size:18px;}
}
.hidden_div{display:none !important;}
.pd0{padding:0px;}
.pdR0{padding-right:0px;}
.pdL0{padding-left:0px;}
.pdmg0{padding:0px;margin:0px;}
.navbar-default{background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);}
.navbar-default{background-color:rgba(255, 255, 255, 0)!important;border-color:#e7e7e7}
.navbar:before{content:"";position:fixed;top:-10px;left:0;width:100%;height:10px;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.8);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.8);box-shadow:0px 0px 10px rgba(0,0,0,.8);z-index:100;}
#logo{padding:5px 0px;}
#content{height:650px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#fast_bdc{border-color:#A9E874 !important;}
#makequest_bdc{border-color:#A4E4F0 !important;}
#psheet_bdc{border-color:#DFC58E !important;}
#pbook_bdc{border-color:#B35E5E !important;}
#straight_bdc{border-color:#7B48B6 !important ;}
#plist_bdc{border-color:#01c5c5 !important ;}
#fast_mode,#makequest_mode,#psheet_mode,#pbook_mode,#straight_mode,#theme_mode,#instant_mode,#plist_mode{padding:10px 15px;}
#test_mode{filter:alpha(opacity=0);opacity:0.0;padding:10px 15px;}
.panel{margin-bottom:0px !important;background-color:#fff;border:5px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:8.5%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5;}
#carousel_bgc{background:#867063;height:100%;font-weight:900;color:#FFFFFF;}
.share_icon:hover{opacity:0.6;}


#news_index{
	display:none;
	overflow-y:auto;
}



.equal {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    
    flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
}

/*index on-off開關*/
.switch{
	position:relative;
	width:36px;
	height:60px;
	top:35px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.switch-checkbox {
    display: none;
}
.switch-label {
    display: inline-block;  cursor: pointer;
	position:relative;
	width:36px;
	height:60px;
}
.switch-inner {
    position: absolute;
    /*-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;*/
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 34px;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	top: 0;
	left: 0;
	
	right: -5px;
    bottom: 0;
    background-color: #126ae7;
    border-style: solid;
    border-color: ghostwhite;
	border-width: thick;
}
.switch-inner:before {
	content: "" ;
	background-color: white;
    position: absolute;
    height: 17px;
    width: 17px;
    left: 8.5px;
    top: 4px;
    border-radius: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    -webkit-transition: .4s;
    transition: .4s;
	/*-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
	-webkit-transition: .4s;
	transition: .4s;*/
}
.switch-checkbox:checked + .switch-label .switch-inner {
   background-color: #ef83cf;
}
.switch-checkbox:checked + .switch-label .switch-inner:before {
    -webkit-transform: translateY(28px);
	-ms-transform: translateY(28px);
	transform: translateY(28px);
}
.pad-size{
	padding : 5px 5px !important; 
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #666666; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%; 
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 20px;
    background-color: #5BDB4F; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 20px;
    background-color: #D49B9B; color: #F7EFEF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 25px; margin: 0px;
    background: #FFFFFF;
    border: 2px solid #666666; 
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    position: absolute; top: 0; bottom: 0; right: 61px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

.option_title{
	font-size:18px;
	font-weight:bold;
}
#new{
	position: absolute;
    top: 0px;
    right: 0px;
    text-shadow: yellow 5px 2px 5px;
    color: red;
    font-style: oblique;
    font-family: fantasy;
	font-weight: bold;
	font-size: calc(100%*1.09);
}
/*
@media (min-width:1200px){
	#news_body {
		height:500px !important;
	}
}

@media (min-width:992px) and (max-width:1199px){
	#news_body {
		height:500px !important;
	}
}

@media (min-width:768px) and (max-width:991px){
	#news_body {
		height:300px !important;
	}
}
*/