/**/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap');

html{
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%; 
	font-size:62.5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{
	margin:0; 
	font-family: 'Noto Sans TC', sans-serif;
	font-size:14px;
	line-height:1.428571429;
	color:#111;
	background: #850f1d;
	height: 100%;}
	
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
	display:block}

a{
	background:transparent; 
	color:#256c36; 
	text-decoration:none;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:active,a:hover{
	outline:0; 
	color:#111; 
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	text-decoration:none;}
a:visited{
	text-decoration:none;}
a:focus{
	color:#111; 
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
	text-decoration:none;}

h1{
	font-size:2em;
	margin:.67em 0;}

img{
	border:0;
	vertical-align:middle;}
	
input,button,select,textarea{
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */}

::selection {
    background: #850f1d;
    color: #fff;}
::-moz-selection {
    background: #850f1d;
    color: #fff;}
	
#toTop {
	z-index:9;
    opacity: 0.95;
    position: fixed;
    display: none;}
#toTop a{
	position: fixed !important;
	left:9px;
	bottom:70px;
	width:42px;
	height:42px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	background: url(../images/icon_top.png) no-repeat;
	background-size: contain;
    border-radius: 50%;
    border: 2px #FFF solid;}
#toTop:hover{
    opacity: 1;
    cursor: pointer;}

#icon_home, #social-fb, #social-line, #social-app{
	z-index:9;}

#icon_home{
	opacity: 0.95;
    position: fixed !important;
	left:10px;
	bottom: 355px;
    width: 42.88px;
    height: 42.88px;
    background: #c8a063;
    border-radius: 6px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);}
#icon_home i{
	font-size: 1.7em;
    color: #fff;
    line-height: 42.88px;}

#social-fb i{
	z-index:9;
	opacity:0.8;
	position: fixed !important;
	left:10px;
	bottom: 300px;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 10px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	font-size: 3.5em;
    color: #3b559f;
    line-height: 42px;}

#social-line i{
	z-index:9;
	opacity:0.8;
	position: fixed !important;
	left:10px;
	bottom: 245px;
	width: 42px;
	height: 42px;
	background: #fff;
	border-radius: 10px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
	font-size: 3.5em;
	color: #00b300;
    line-height: 42px;}

#social-app{
	opacity:0.8;
	position: fixed !important;
	left:10px;
	bottom: 191px;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	text-align:center;
	_position:absolute;
	_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);}
#social-fb:hover,#social-line:hover,#social-app:hover{
	opacity: 1;}

@media (max-width:991px){
#toTop a{
	left: inherit;
	right: 9px;
	width:44px;
	height:44px;}
#icon_home, #social-fb i, #social-line i, #social-app{
	left: inherit;
	right: 10px;}
#toTop a{
	bottom: 60px;}
#icon_home{
    bottom: 280px;}
#social-fb i{
	bottom: 229px;}
#social-line i{
	bottom: 178px;}
#social-app{
	bottom: 128px;}}	

.txt_red{
	color: #850f1d;}
.txt_gold{
	color: #fcd7a0;}
.txt_white{
	color: #FFF;}

/*modal*/
.modal_header{
	background:#850f1d; 
	color:#FFF;
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;}
.modal_body{
	font-size:1.05em;
	padding-bottom:0;
	padding:30px 0 15px;}

.modal_body_content{}
@media (max-width:767px){
.modal_body_content{
	padding:0 20px;}}
	
.btn-first {
  color: #610915;
  background-color: #ffef51;}
.btn-first:hover, .btn-first:active, .btn-first:focus{
  color: #111 !important;}  
.modal-footer .btn-first{
	padding:12px 5px;
	font-size:1.1em;}

.bg_style, 
.bg_style.Number_style, 
.bg_style.Number_style2{
	background: url(../images/bg_awards.jpg) center top repeat-y;
	background-size: 100% auto;}
.box{
    padding: 30px 60px;
	margin-bottom: 30px;
    background: #740110;
    color: #FFF;
    font-size: 1.1em;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;}
.nav-tabs{
	margin: 10px 0 40px;}
.info_tag{
	float:left;
	width:100%;
	height:auto;
	line-height:180%;
	margin-bottom:20px;}
.info_tag h4{
	padding-top: 10px;}
.info_tag p{
	line-height: 180%;
	font-size: 1.15em;
	margin-bottom:20px;}
@media (max-width:767px){
.box{
	margin-top: 5px;
	margin-bottom: -12px;
    padding: 10px 20px;
    font-size: 1.05em;}
.nav-tabs{
	margin: 15px 0 20px;}
.info_tag{
	margin-bottom:40px;}
.info_tag p{
	font-size: 1.1em;}}
.info_tag ul{
	list-style-type:none;
	padding:0;
	padding-left: 30px;}
.info_tag ul.nav{
	padding-left: 0;}
.info_tag li{
	list-style-type:none;
	margin:0;
	padding:0;}
.info_tag li > a {
	background: #fff !important;
    color: #8f1c2b !important;
    font-size: 2em;
    border: 3px solid #76041b !important;
    -webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;}
img.decoration_pic3{
	position: absolute;
	top: 30%;
	right: -8%;
	display: block;
	width: auto;
	height: auto;
	z-index: 1;}
/*img.decoration_pic4{
	position: absolute;
	bottom: 30%;
	left: -8%;
	display: block;
	width: auto;
	height: auto;
	z-index: 1;}*/

@media (max-width:1099px){
img.decoration_pic3{
	height: 70px;}
.info_tag li > a {
	font-size: 1.5em;}}
@media (max-width:991px){
img.decoration_pic3{
	right: -10px;
	height: 50px;}
/*img.decoration_pic4{
	left: -10px;
	height: 50px;}*/}

@media (max-width:767px){
img.decoration_pic3, img.decoration_pic4{
	display: none;}
.info_tag li > a{	
	font-size: 1.2em;}}
.info_tag li.active > a{
	background: #f4d72f !important;
    color: #a71f2a !important;}

.nav-tabs > li > a {
    margin: 0 10px;}
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline;
     zoom:1; }
.nav-tabs, .nav-pills {
    text-align:center;}
.nav-tabs {
    border-bottom:none;}

.numlist {
	margin-top:5px;
	padding-left: 20px;}	
.numlist li{
	list-style-type:decimal;
	font-size:1.15em;
	padding-bottom:0;
	line-height:200%;}
.numlist.addheight li{
	padding-bottom:10px;}
.numlist li ul li{
	font-size:1em;
	list-style-type:upper-alpha;}
.numlist li ul li ul li{
	font-size:1em;
	list-style-type:lower-alpha;}
@media (max-width:767px){
.numlist li{
	font-size:1.1em;}
.nav-tabs > li > a {
	padding: 9px 0 7px;
    margin: 0 5px;}}

.footer{
	padding: 15px;
	background: #740110;
	color: #fff;}
.footer p{
	font-size: 0.95em;
	letter-spacing: 1px;
	margin: 0;}
.footer a{
	color: #fcd7a0;}

/* 序號登錄頁面 */
.padding_0{
	padding: 0;}
.form_area{
	padding: 120px 0 30px;}
.form_box{
	position: relative;
	background: #fff;
	border: 5px solid #fcd7a0;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}
.form_box form{
	float: left;
	width: 100%;
	padding: 70px 0 60px;}
.form_box label, .form_box input{
	font-size: 2em;
	color: #444;}
.form_box label{
	line-height: 200%;
	margin-right: 15px;}
.form_box input{
	padding: 10px;
	margin-bottom: 30px;
	height: auto;
	border: 2px #850f1d solid;}
.form_box p{
	font-size: 1.5em;
	color: #850f1d;
	line-height: 160%;}
img.decoration_pic1{
	position: absolute;
	top: -220px;
    left: 0px;
	z-index: 1;}
/*img.decoration_pic2{
	position: absolute;
	bottom: 20px;
    right: -100px;
	z-index: 1;}*/
img.btn_send:hover{
	-webkit-filter:opacity(.8);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}

@media (max-width:1275px){
.form_area{
	padding: 100px 0 30px;}
.form_box label, .form_box input{
	font-size: 1.7em;}
.form_box label{
	line-height: 220%;}
img.decoration_pic1{
	top: -150px;
    left: 0;
	height: 200px;}}

@media (max-width:1167px){
.form_box label, .form_box input{
	font-size: 1.5em;}
.form_box label{
	line-height: 250%;}}

@media (max-width:991px){
.form_box form{
	float: left;
	padding: 40px 0 50px;}
.form_box label, .form_box input{
	font-size: 1.3em;}
.form_box input{
	margin-bottom: 15px;}
.form_box p{
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;}
img.decoration_pic1{
	top: -70px;
    left: 0;
	height: 130px;}
/*img.decoration_pic2{
	bottom: 20px;
    right: -60px;
	height: 50px;}*/}

@media (max-width:767px){
.padding_turn0{
	padding: 0;}
.form_area{
	padding: 80px 15px 15px;}
.form_box form{
	float: left;
	padding: 40px 0 30px;}
.form_box label{
	display: block;
	text-align: center;
	line-height: 180%;}
.form_box p{
	margin-top: 0;
	font-size: 1em;}
img.btn_send{
	margin-bottom: 15px;
	height: 100px;}
img.decoration_pic1{
	top: -35px;
    left: 5px;
    height: 100px;}
/*img.decoration_pic2{
	bottom: 40%;
	right: -15px;
	height: 30px;}*/}

.add_height{
	margin-top: 50px;}
@media (max-width:991px){
.add_height{
	margin-top: 10%;}}
@media (max-width:767px){
.add_height{
	margin-top: 0;}}

.box.result_style {
	padding: 40px 60px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 2em; 
	text-shadow: 0 0 15px yellow;}
.box.result_style h1{
	font-size: 1.8em;
	margin-top: 0;
	line-height: 140%;}
.box.result_style p{
	line-height: 200%; }
.box.result_style p.bigger{
	font-size: 1.3em;}
.box.result_style a{
	color: #FFF;
	text-decoration: underline;}
@media (max-width:991px){
.box.result_style {
	font-size: 1.5em;}}
@media (max-width:767px){
.box.result_style {
    padding: 40px 20px;}
.box.result_style h1{
	font-size: 1.5em;}}