@charset "utf-8";
/* CSS Document */
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans TC';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype');
 }

*{}
body{margin:0; padding:0; font-family: 'Noto Sans TC', '微軟正黑體', sans-serif; overflow-x: hidden;}
.clear{clear:both;}
ul{margin:0; padding:0;}
li{margin:0; padding:0; list-style: none;}
a{text-decoration: none !important;}
h2{font-size:80px; font-weight:900; color:#01102d;}
h2 span{display:block; font-size:30px; font-weight:400; color:#db4503; margin:0 0 10px 5px;}
.article{font-size:36px; line-height:54px; margin:80px 0 90px 0; color:#001e64;}
.button a{padding:10px 65px; border:3px solid #fff; border-radius:50px; background:#ff5d00; font-size:30px; color:#fff; font-weight:400;}
.button button{padding:10px 65px; border:3px solid #fff; border-radius:50px; background:#ff5d00; font-size:30px; color:#fff; font-weight:400;}
.orange-word{color:#db4503 !important;}
.orange-line{width:100%; height:6px; border-radius: 50px; background:#db4503; margin:30px 0;}
.margin{height:200px;}
h4{font-size:30px; font-weight:700; margin-top:100px;}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.contain{width:1770px; margin:0 auto;}
@media(max-width:1770px){
	.contain{width:100%; padding:0 30px;}
}
.contain-s{width:1190px; margin:0 auto;}
@media(max-width:1190px){
	.contain-s{width:100%; padding:0 30px;}
}
@media(max-width:1500px){
	h2{font-size:60px;}
	h2 span{font-size:20px;}
	.article{font-size:30px; margin:60px 0 70px 0; line-height:36px;}
	.button a{padding:10px 45px; font-size:20px;}
	.button button{padding:10px 45px; font-size:20px;}
}
@media(max-width:1200px){
	h2{font-size:40px;}
	h2 span{font-size:18px;}
	.article{font-size:24px; margin:30px 0 50px 0; line-height:30px;}
	.button a{font-size:18px;}
	.button button{font-size:18px;}
}
@media(max-width:850px){
	h2{font-size:32px;}
	h2 span{font-size:16px;}
	.article{font-size:20px; margin:20px 0 35px 0; line-height:24px;}
	.button a{padding:5px 25px; font-size:16px;}
	.button button{padding:5px 25px; font-size:16px;}
}

/*swiper*/
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(0,0,0,0);
    opacity: 1;
	margin:10px;
	border:1px solid #001e64;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #001e64;
}

/*nav*/
.pc-menu{width:100%; padding:50px 0; position: fixed; transition: 0.5s; z-index: 9999;}
.pc-menu a{color:#01102d; font-weight:500; font-size:27.5px; padding: 7px;}
.pc-menu a:hover{background:url("../img/hover.png") no-repeat; background-position: bottom right;}
.logo{float:left;}
.logo img{margin-top:-7px;}
.nav-wrap{display: inline;}
.nav-wrap li{display:inline-block;}
.nav-wrap li:before{content:"|"; color:#ff5d00; font-size:30px; padding:0 70px;}
.nav-wrap li:nth-child(1):before{content:" "; padding-left:70px;}
.nav-last{float:right;}
.nav-last:before{content:"|"; color:#ff5d00; font-size:30px; padding:0 70px;}

@media(max-width:1770px){
	.nav-wrap li:before{padding:0 30px;}
	.nav-wrap li:nth-child(1):before{padding-left:30px;}
	.nav-last:before{padding:0 30px;}
}
@media(max-width:1400px){
	.pc-menu a{font-size:26px;}
	.nav-wrap li:before{padding:0 20px;}
	.nav-wrap li:nth-child(1):before{padding-left:20px;}
	.nav-last:before{padding:0 20px;}
}
@media(max-width:1220px){
	.pc-menu a{font-size:20px;}
	.nav-wrap li:before{padding:0 14px;}
	.nav-wrap li:nth-child(1):before{padding-left:14px;}
	.nav-last:before{padding:0 14px;}
}


#menuArea{display:none; z-index: 9999;}

@media(max-width:1024px){
	#menuArea{display:block;}
	.pc-menu{display:none;}
}

/*mobile-nav*/
#menuArea input {
	  display: none;
	}

	#menuArea .open {
	  background-color: transparent;
	  width: 24px;
	  height: 4px;
	  display: block;
	  border-radius: 2px;
	  cursor: pointer;
	  position: fixed;
		top: 30px;
		right: 10px;
		z-index: 99999;
	}

	#menuArea .open:before {
	  content: "";
	  background-color: #ff5d00;
	  width: 24px;
	  height: 4px;
	  display: block;
	  border-radius: 2px;
	  position: relative;
	  top: -8px;
	  transform: rotate(0deg);
	  transition: all 0.3s ease;
	}

	#menuArea .open:after {
	  content: "";
	  background-color: #ff5d00;
	  width: 24px;
	  height: 4px;
	  display: block;
	  border-radius: 2px;
	  position: relative;
	  top: 4px;
	  transform: rotate(0deg);
	  transition: all 0.3s ease;
	}

	#menuArea .menuOpen {
	  width: 24px;
	  height: 20px;
	  display: block;
	  padding: 15px;
	  cursor: pointer;
	  float: right;
	}

	#menuArea .menuOpen:hover .open:before {
	  top: -9px;
	}

	#menuArea .menuOpen:hover .open:after {
	  top: 5px;
	}

	#menuArea .menu {
	  position: fixed;
	  width: 100vw;
	  height: 100vh;
	  top: 0;
	  left: 0;
	  	background:url("../img/mobile-menu-bg.png") #ff5d00 no-repeat;
		background-position:top right;
	}

	#menuArea .menu label {
	  width: 30px;
	  height: 30px;
	  position: absolute;
	  right: 20px;
	  top: 20px;
	  background-size: 100%;
	  cursor: pointer;
	}

	#menuArea .menu .menuContent {
	  position: relative;
	  font-size: 54px;
	  text-align: center;
	  padding-bottom: 20px;
	  margin-top: 100px;
	}

	#menuArea .menu ul {
	  list-style: none;
	  padding: 0;
	  margin: 0 50px;
	}

	#menuArea .menu ul li a {
	  color: white;
	  text-decoration: none;
	  transition: color 0.2s;
	  font-family: Trebuchet MS;
	  text-transform: uppercase;
	  padding: 10px 30px 10px 0;
		font-size:30px;
		font-weight:700;
	}

	#menuArea .menu ul li a:hover {
	  background:url("../img/hover-2.png") no-repeat; background-position: center right;
	}

#menuArea .menu ul li{
		text-align: left;
		margin-top:30px;
		width:70%;
		border-bottom:1px solid #fff;
}

	#menuArea .menu ul li:hover {
	}

	#menuArea .menuEffects {
	  opacity: 0;
	  visibility: hidden;
	  transition: opacity 0.5s, visibility 0.5s;
	}

	#menuArea .menuEffects ul {
	  transform: translateY(0%);
	  transition: all 0.5s;
	}

	#menuToggle:checked ~ .menuEffects {
	  opacity: 1;
	  visibility: visible;
	  transition: opacity 0.5s;
	}

	#menuToggle:checked ~ .menuEffects ul {
	  opacity: 1;
	}

	#menuToggle:checked ~ .menuOpen .open {
	  background-color: transparent;
	}

	#menuToggle:checked ~ .menuOpen .open:before {
	  content: "";
	  background-color: white;
	  transform: rotate(45deg);
	  position: absolute;
	  top: 0;
	  right: 0;
	  z-index:99999;
	}

	#menuToggle:checked ~ .menuOpen .open:after {
	  content: "";
	  background-color: white;
	  transform: rotate(-45deg);
	  position: relative;
	  top: 0;
	  right: 0;
	  z-index:99999;
	}

	#menuToggle:not(:checked) ~ .menuEffects ul {
	  transform: translateY(-30%);
	}

#menuToggle:checked ~ .menuEffects{position:fixed; z-index: 9999;}

/*mobile-nav*/

/*banner*/
.banner{background:url("../img/banner-bg.jpg") no-repeat; background-position: top left;}


/*footer*/
.footer{padding:50px 0; font-weight:700;}
.footer h3{font-size:30px; color:#db4503; margin-bottom:30px;}
.footer p{font-size:18px; color:#001e64;}
.footer .copyright{text-align: center; font-size:18px;}

@media(max-width:1200px){	
	.footer h3{font-size:24px;}
	.footer p{font-size:16px;}
	.footer .copyright{font-size:16px;}
}

@media(max-width:768px){	
	.footer h3{font-size:20px;}
	.footer p{font-size:12px;}
	.footer .copyright{font-size:12px;}
}


/*go-up*/
#go-up{position:fixed; right: 70px; bottom: 150px; z-index: 99999; display:none;}

@media(max-width:1200px){	
	#go-up{right: 10px; bottom: 150px;}
}

@media(max-width:768px){	
	#go-up{right: 10px; bottom: 10px;}
}



/*price*/
.price{}
.table-wrap{}
.price-mobile, .price-mobile-button{display:none;}

.price-table{width:100%; margin-bottom:50px;}
.price-table th, .price-table td{padding:20px 0; font-size:20px; font-weight:700; border-bottom:1px solid #db4503;}
.price-table th{color:#001e64; width:25%;}
.price-table td{text-align: center; width:25%;}
.price-table thead td{border-bottom:none; color:#db4503; font-size:24px; text-align: left;}

.price .top{padding-top:150px; background:url("../img/price-bg-01.jpg") no-repeat; background-position: top right;}
.price .top th, .price .top td{border-bottom:none; vertical-align: top; font-size:24px;}
.price .top .td-button a{width:250px; padding-top:20px; padding-bottom:20px; display: block; margin: 0 auto; border-radius:200px; color:#fff;}

.price .middle{background:url("../img/price-bg-02.jpg") no-repeat; background-position: top right;}
.price .middle-bg{background:url("../img/price-bg-03.jpg") no-repeat; background-position: bottom right;}

.price .bottom{font-weight:700;}
.price .bottom .up{border-bottom:1px solid #db4503;}
.price .bottom ul li{float:left; width:24%; margin:30px 0.5%;}
.price .bottom .title{font-size:24px; color:#ff5d00;}
.price .bottom .price-article{font-size:18px; color:#001e64; line-height:24px; margin-top:30px;}
.price-mobile-button{margin:0 0 60px 0 !important;}

.price .button{margin:100px 0;}
.price .button a{border:none;}
.price .h4-bg{background:url("../img/price-ti-bg.png") no-repeat; background-position: top right; width: 330px; padding-top: 50px;}

@media(max-width:1230px){
	.price .top{background:url("../img/price-bg-01-m.jpg") no-repeat; background-position: top right;}
	.price .top th, .price .top td{font-size:24px;}
	.price .top .td-button a {width: 210px; padding-top: 10px; padding-bottom: 10px;}
	.price-table th, .price-table td{font-size:18px;}
	.price .middle{background:url("../img/price-bg-02-m.jpg") no-repeat; background-position: top right;}
	.price .middle-bg{background:url("../img/price-bg-03-m.jpg") no-repeat; background-position: bottom right;}
	
	.price .bottom .title{font-size:20px;}
	.price .bottom .price-article {font-size: 16px; line-height: 20px;}
	.price .bottom .img img{width:100px;}
	
	.price-mobile, .price-mobile-button{display:block;}
	.price-pc{display:none;}
	
	.price .bottom .price-article{padding-bottom:70px;}
	.price .button {margin: 30px 0;}
	.swiper-04_1{padding-top:50px;}
}
@media(max-width:1024px){
	.price .top {padding-top: 0; height:100vh; background:none;}
	.price .swiper-03_1.swiper-container{background:url("../img/price-bg-01-s.jpg") no-repeat; background-position: top right;}
	
	.price .middle{background:url("../img/price-bg-02-s.jpg") no-repeat; background-position: top right;}
	.price .middle-bg{background:url("../img/price-bg-03-s.jpg") no-repeat; background-position: bottom right;}
	
	.price-table th{width:70%;}
	.price-table td{width:30%;}
}
@media(max-width:1024px) and (min-height:1365px){
	.swiper-03_2.swiper-pagination{top:600px;}
	.price .top {height:auto;}
}
@media(max-width:1023px) and (min-height:1023px){
	.swiper-03_2.swiper-pagination{top:550px;}
	.price .top {height:auto;}
}
@media(max-width:1023px) and (max-height:900px){
	.swiper-03_2.swiper-pagination{top:850px;}
}
@media(max-width:1023px) and (max-height:850px){
	.swiper-03_2.swiper-pagination{top:800px;}
}
@media(max-width:1023px) and (max-height:830px){
	.swiper-03_2.swiper-pagination{top:780px;}
}
@media(max-width:1023px) and (max-height:800px){
	.swiper-03_2.swiper-pagination{top:750px;}
}
@media(max-width:1023px) and (max-height:750px){
	.swiper-03_2.swiper-pagination{top:700px;}
}
@media(max-width:1023px) and (max-height:700px){
	.swiper-03_2.swiper-pagination{top:650px;}
}
@media(max-width:1023px) and (max-height:675px){
	.swiper-03_2.swiper-pagination{top:575px;}
}
@media(max-width:1023px) and (max-height:650px){
	.swiper-03_2.swiper-pagination{top:600px;}
}
@media(max-width:1023px) and (max-height:600px){
	.swiper-03_2.swiper-pagination{top:550px;}
}

@media(max-width:1007px){
	.price .swiper-container{margin: 0 !important; width: 100%; top: -35px;}
	.price h4{margin-top:50px;}
}
@media(max-width:460px){
	.price .bottom .price-article {font-size: 14px;}
}
@media(max-width:320px){
	.price-mobile h4{font-size:24px;}
}




/*apply*/
.apply{background: url("../img/apply-bg-01.jpg") no-repeat; background-position: top center; background-size: contain;}

/*滑動按鈕*/
.apply .checkbox {
	  position: relative;
	  display: inline-block;
	}
.apply .checkbox:after, .checkbox:before {
	  font-family: FontAwesome;
	  -webkit-font-feature-settings: normal;
		 -moz-font-feature-settings: normal;
			  font-feature-settings: normal;
	  -webkit-font-kerning: auto;
		 -moz-font-kerning: auto;
			  font-kerning: auto;
	  -webkit-font-language-override: normal;
		 -moz-font-language-override: normal;
			  font-language-override: normal;
	  font-stretch: normal;
	  font-style: normal;
	  font-synthesis: weight style;
	  font-variant: normal;
	  font-weight: normal;
	  text-rendering: auto;
	}
.apply .checkbox label {
	  width: 260px;
	  height: 80px;
	  background: #ff5d00;
	  position: relative;
	  display: inline-block;
	  border-radius: 50px;
	  -webkit-transition: 0.4s;
	  transition: 0.4s;
	}
.apply .checkbox label:after {
	  content: '';
	  position: absolute;
	  width: 70px;
	  height: 70px;
	  border-radius: 100%;
	  left: 5px;
	  top: 5px;
	  z-index: 2;
	  background: #fff;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	  -webkit-transition: 0.4s;
	  transition: 0.4s;
	}
.apply .checkbox input {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 5;
	  opacity: 0;
	  cursor: pointer;
	}     
	
.apply .checkbox input:hover + label:after {
	  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
	}
.apply .checkbox input:checked + label:after {
	  left: 185px;
	}

.apply .model-1 .checkbox input:checked + label {
	  background: #ccc;
	}
.apply .model-1 .checkbox input:checked + label:after {
	  background: #fff;
	}
/*滑動按鈕*/


.apply .top{height:100vh; text-align: center;}
.apply .top .tax{position:absolute; top:50%; margin-top:-182px; left:50%; margin-left:-171px;}
.apply .top h2{margin-top:0;}
.apply .top p{font-size:30px; color:#ff5d00; margin:100px 0 30px 0;}

.apply .middle h4 span{margin-left:30px; font-size:16px; color:#ff5d00;}
.apply .middle .orange-line{margin-bottom:60px;}

.apply .middle textarea{width:100%; height:300px; border:1px solid #db4503; border-radius: 20px; font-size:20px; color:#001e64; font-weight:700; padding:10px 20px;}

.apply .middle .input li{width:40%; margin-left:20%; float:left; font-size:20px; color:#001e64; font-weight:700; margin-bottom:20px;}
.apply .middle .input li:nth-child(2n+1){clear:left; margin-left:0;}
.apply .middle .input li input{width:calc(100% - 200px);float:right; border:1px solid #db4503; padding:10px 20px; border-radius:50px;}
.apply .middle .input li span{width:200px; padding-top:10px; display: block; float: left; text-align: left;}
.apply .middle .input li.width100{width:100%; margin-left:0;}
.apply .middle .input li.width100 textarea{width:calc(100% - 200px);float:right; border:1px solid #db4503; padding:10px 20px; border-radius:20px;}
.apply .middle .input li.add{text-align:left; margin-bottom:50px; margin-left:0;}

.apply .middle .button{text-align:center; margin-top:70px;}
.apply .middle .button a{border:none;}
.apply .middle .button button{border:none;}
.apply .middle .button button{border:none;}


.apply .middle .input-radio input[type="radio"] {
    display:none;
}
.apply .middle .input-radio input[type="radio"] + label span {
    display:inline-block;
    width:50px;
    height:50px;
	margin-right:100px;
	margin-top:-10px;
    vertical-align:middle;
    background:url(../img/radio01.png) center center no-repeat;
    cursor:pointer;
	float:left;
}
.apply .middle .input-radio input[type="radio"]:checked + label span {
    background:url(../img/radio02.png) center center no-repeat;
}

.fix-width{
	width: 100%;
}

.apply .middle .input-radio li{width:100%; font-size:20px; color:#001e64; font-weight:700; margin-bottom:30px; clear:left;}

.apply .middle .radio02{font-size:20px; color:#001e64; font-weight:700; margin-left:200px; margin-bottom:30px;}





/*checkbox*/
.apply .middle .input-radio input[type="checkbox"] {
    display:none;
}
.apply .middle .input-radio input[type="checkbox"] + label span {
    display:inline-block;
    width:50px;
    height:50px;
	margin-right:100px;
	margin-top:-10px;
    vertical-align:middle;
    background:url(../img/radio01.png) center center no-repeat;
    cursor:pointer;
	float:left;
}
.apply .middle .input-radio input[type="checkbox"]:checked + label span {
    background:url(../img/radio02.png) center center no-repeat;
}

.apply .middle .radio02 input[type="checkbox"] {
    display:none;
}
.apply .middle .radio02 input[type="checkbox"] + label span {
    display:inline-block;
    width:26px;
    height:26px;
	margin-right:30px;
	margin-top:-5px;
    vertical-align:middle;
    background:url(../img/radio03.png) center center no-repeat;
    cursor:pointer;
}
.apply .middle .radio02 input[type="checkbox"]:checked + label span {
    background:url(../img/radio04.png) center center no-repeat;
}
/*checkbox*/


@media(max-width:1200px){
	.apply .middle .input li{width:100%; margin-left:0;}
	.apply .middle .input-radio input[type="radio"] + label span{margin-right:50px;}
}
@media(max-width:768px){
	.apply .middle .input-radio input[type="radio"] + label span{margin-right:25px;}
	.apply .middle .input li span, label{font-size:18px;}
	.apply .middle .input li span{width:180px;}
	.apply .middle .input li input, .apply .middle .input li.width100 textarea{width: calc(100% - 180px);}
	.apply .middle .radio02{margin-left:180px;}
}
@media(max-width:520px){
	.apply .middle .input-radio input[type="radio"] + label span{margin-right:10px;}
	.apply .middle .input li span, label{font-size:16px;}
	.apply .middle .input li span{width:120px;}
	.apply .middle .input li input, .apply .middle .input li.width100 textarea{width: calc(100% - 120px);}
	.apply .middle .radio02{margin-left:120px;}
}





/*select*/
.test-box {
	text-align: center;
}
.select, .select ul, .select li, .select ol{
	list-style: none;	
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.select {
	width: calc(100% - 200px) !important;
    float: right !important;
    padding: 8px 30px !important;
    margin: auto !important;
	border: 1px solid #db4503 !important;
	border-radius: 50px !important;
	
	padding: 0;
	margin: 2px;
	line-height: 1.7em;
	cursor: pointer;
	position: relative;
	display: inline-block;
	background: #fff;
	text-align: left;
}
.select>span {
	width:100% !important;
	padding: 0 !important;
	margin: 0;
	white-space: nowrap;
	position: relative;
}
.select>span::after {
	content: "　﹀　";
	position: absolute;
	width: 0;
	height: 0;
	right:30px;
	top: 5px;
	color:#db4503;
}

.select>ol {
	border-radius: 25px !important;
    border: 1px solid #db4503 !important;
	
	width: 100% !important;
	display: none;
	position: absolute;
	background: #fff;
	padding: 5px 0;
	border-width: 0;
	border-radius: 4px;
	left: 50%;
	
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: -2px;
	z-index: 2;	
	box-shadow: 0 7px 10px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,0.3);
	overflow: auto;
}
.select>ol>li {
	margin: 0 !important;
    width: 100% !important;
    padding: 10px 30px !important;
	
	border-width: 0;
	padding: 0 1.5em;
	position: relative;
	white-space: nowrap;
}
.select>ol>li:hover {
	background: #db4503;
	color: #fff !important;
	box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

@media(max-width:768px){
	.select{width:calc(100% - 180px) !important;}
}
@media(max-width:520px){
	.select{width:calc(100% - 120px) !important;}
}



/*alert*/
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width: 300px;
    min-height: 150px;
    margin-top: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border:1px solid #ff5d00;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font-size: 16px;
	background-color:#ff5d00;
	color:#FFF;
	border-bottom:none;
	padding:10px;
}

#alertBox p {
	padding: 20px;
    text-align: center;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#ff5d00;
	border-radius: 5px;
	text-decoration:none;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}



#menuArea .logo{
	margin-top: 20px;
}