@charset "UTF-8";
@font-face {
	font-family: 'NotoSans-Bold';
	src: url('fonts/NotoSans-Bold.eot');
	src: url('fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSans-Bold.svg#') format('svg'),
		 url('fonts/NotoSans-Bold.woff') format('woff'),
	     url('fonts/NotoSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSans-Regular';
	src: url('fonts/NotoSans-Regular.eot');
	src: url('fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSans-Regular.svg#') format('svg'),
		 url('fonts/NotoSans-Regular.woff') format('woff'),
	     url('fonts/NotoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@media (min-width: 1000px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12  { float: left; margin: 0 5px; /*display: table;*/ }
	.col-md-1 { width: 7%; }
	.col-md-2 { width: 15.66667%; }
	.col-md-3 { width: 23.9%; }	
	.col-md-35 { width: 30%; }
	.col-md-4 { width: 32%; }
	.col-md-45 {
		width: calc(100% / 3); 
		width: -webkit-calc(100% /3);
		width: -moz-calc(100% / 3);
		margin: 0;
	}
	.col-md-5 { width: 41.7%; }
	.col-md-6 { width: 48%; }
	.col-md-65 { width: 50%; margin: 0; }
	.col-md-7 { width: 57.33333%; }
	.col-md-8 { width: 65%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81%; }
	.col-md-12 { width: 100%; }
}
@media (min-width: 1280px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12  { float: left; margin: 0 4px; /*display: table;*/ }
	.col-md-1 { width: 7%; }
	.col-md-2 { width: 15.66667%; }
	.col-md-3 { width: 24%; }
	.col-md-35 { width: 30%; }
	.col-md-4 { width: 32.5%; }	
	.col-md-45 {
		width: calc(100% / 3); 
		width: -webkit-calc(100% /3);
		width: -moz-calc(100% / 3);
		margin: 0;
	}
	.col-md-5 { width: 41.7%; }
	.col-md-6 { width: 47%; }
	.col-md-65 { width: 50%; margin: 0; }
	.col-md-7 { width: 53.33333%; }
	.col-md-8 { width: 66.8%; }
	.col-md-9 { width: 73%; }
	.col-md-10 { width: 81%; }
	.col-md-12 { width: 100%; }
}
@media screen and (max-width: 1023px) {
	.dis_none{
		display: block;
	}
	.clear-2{
		clear: both;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-35, .col-md-4, .col-md-45, .col-md-5, .col-md-6, .col-md-65, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: none; margin: 10px 0; width: 100%; }
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-35, .col-ms-4, .col-md-45, .col-ms-5, .col-ms-6, .col-ms-65, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float: left; margin: 5px; }
	.col-ms-1 { width: 10%; }
	.col-ms-2 { width: 15.66667%; }
	.col-ms-3 { width: 25%; }
	.col-ms-35 { width: 30%; }
	.col-ms-4 { width: 33.33333%; }
	.col-ms-5 { width: 41.7%; }
	.col-ms-6 { width: 48%; }
	.col-ms-6 { width: calc(48% - 10px); }
	.ind_in .col-ms-6 { display: inline;}
	.ind_inlay .col-ms-6 { width: calc(50% - 10px);}
	.col-ms-65 { width: 50%; margin: 0; }
	.col-ms-7 { width: 52%; }
	.col-ms-8 { width: 66.66667%; }
	.col-ms-9 { width: 73%; }
	.col-ms-12 { width: 100%; }
}
.row{
	clear: both;
	width: 100%;
	/*display: table;*/
}
hr{
	border:0; 
	height:1px;
	background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}
/* Margin */
.mb-10{
	margin-bottom: 10px;
}
.mb-20{
	margin-bottom: 20px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-50{
	margin-bottom: 50px;
}
.mb-60{
	margin-bottom: 60px;
}
.mb-70{
	margin-bottom: 70px;
}
.mb-80{
	margin-bottom: 80px;
}
.mb-90{
	margin-bottom: 90px;
}
.mb-100{
	margin-bottom: 100px;
}
.ml-3{
	margin-left: 3%;
}
.ml-10{
	margin-left: 10px;
}
.ml-20{
	margin-left: 20px;
}
.ml-30{
	margin-left: 30px;
}
.ml-40{
	margin-left: 40px;
}
.ml-50{
	margin-left: 50px;
}
.ml-60{
	margin-left: 60px;
}
.ml-70{
	margin-left: 70px;
}
.ml-80{
	margin-left: 80px;
}
.ml-90{
	margin-left: 90px;
}
.ml-100{
	margin-left: 100px;
}
.mr-10{
	margin-right: 10px;
}
.mr-20{
	margin-right: 20px;
}
.mr-30{
	margin-right: 30px;
}
.mr-40{
	margin-right: 40px;
}
.mr-50{
	margin-right: 50px;
}
.mr-60{
	margin-right: 60px;
}
.mr-70{
	margin-right: 70px;
}
.mr-80{
	margin-right: 80px;
}
.mr-90{
	margin-right: 90px;
}
.mr-100{
	margin-right: 100px;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.mt-40{
	margin-top: 40px;
}
.mt-50{
	margin-top: 50px;
}
.mt-60{
	margin-top: 60px;
}
.mt-70{
	margin-top: 70px;
}
.mt-80{
	margin-top: 80px;
}
.mt-90{
	margin-top: 90px;
}
.mt-100{
	margin-top: 100px;
}
.mt-110{
	margin-top: 110px;
}
.mt-120{
	margin-top: 120px;
}
.mt-130{
	margin-top: 130px;
}
.mtb-10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mtb-20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mtb-30{
	margin-top: 30px;
	margin-bottom: 30px;
}
.mtb-40{
	margin-top: 40px;
	margin-bottom: 40px;
}
.mtb-50{
	margin-top: 50px;
	margin-bottom: 50px;
}
.mtb-60{
	margin-top: 60px;
	margin-bottom: 60px;
}
.mtb-70{
	margin-top: 70px;
	margin-bottom: 70px;
}
.mtb-80{
	margin-top: 80px;
	margin-bottom: 80px;
}
.mtb-90{
	margin-top: 90px;
	margin-bottom: 90px;
}
.mtb-100{
	margin-top: 100px;
	margin-bottom: 100px;
}
.mtb-110{
	margin-top: 110px;
	margin-bottom: 110px;
}
.m-0{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
.m-10{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.m-20{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.m-30{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}
.m-40{
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 40px;
	margin-right: 40px;
}
.m-50{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	margin-right: 50px;
}
.m-60{
	margin-top: 60px;
	margin-bottom: 60px;
	margin-left: 60px;
	margin-right: 60px;
}
.m-70{
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: 70px;
	margin-right: 70px;
}
.m-70{
	margin-top: 70px;
	margin-bottom: 70px;
	margin-left: 70px;
	margin-right: 70px;
}
.m-80{
	margin-top: 80px;
	margin-bottom: 80px;
	margin-left: 80px;
	margin-right: 80px;
}
.m-90{
	margin-top: 90px;
	margin-bottom: 90px;
	margin-left: 90px;
	margin-right: 90px;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.mo-m-0{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
}
/* Padding */
.pt-10{
	padding-top: 10px;
}
.pt-20{
	padding-top: 20px;
}
.pt-30{
	padding-top: 30px;
}
.pt-40{
	padding-top: 40px;
}
.pt-50{
	padding-top: 50px;
}
.pt-60{
	padding-top: 60px;
}
.pt-70{
	padding-top: 70px;
}
.pt-80{
	padding-top: 80px;
}
.pt-90{
	padding-top: 90px;
}
.pt-100{
	padding-top: 100px;
}
.pt-150{
	padding-top: 150px;
}
.pt-200{
	padding-top: 200px;
}
.pb-10{
	padding-bottom: 10px;
}
.pb-20{
	padding-bottom: 10px;
}
.pb-30{
	padding-bottom: 30px;
}
.pb-40{
	padding-bottom: 40px;
}
.pb-50{
	padding-bottom: 50px;
}
.pb-60{
	padding-bottom: 60px;
}
.pb-70{
	padding-bottom: 70px;
}
.pb-80{
	padding-bottom: 80px;
}
.pb-90{
	padding-bottom: 90px;
}
.pb-100{
	padding-bottom: 100px;
}
.pl-10{
	padding-left: 10px;
}
.pl-20{
	padding-left: 10px;
}
.pl-30{
	padding-left: 30px;
}
.pl-40{
	padding-left: 40px;
}
.pl-50{
	padding-left: 50px;
}
.pl-60{
	padding-left: 60px;
}
.pl-70{
	padding-left: 70px;
}
.pl-80{
	padding-left: 80px;
}
.pl-90{
	padding-left: 90px;
}
.pl-100{
	padding-left: 100px;
}
.pr-10{
	padding-right: 10px;
}
.pr-20{
	padding-right: 10px;
}
.pr-30{
	padding-right: 30px;
}
.pr-40{
	padding-right: 40px;
}
.pr-50{
	padding-right: 50px;
}
.pr-60{
	padding-right: 60px;
}
.pr-70{
	padding-right: 70px;
}
.pr-80{
	padding-right: 80px;
}
.pr-90{
	padding-right: 90px;
}
.pr-100{
	padding-right: 100px;
}
.ptb-10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.ptb-20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ptb-30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.ptb-40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.ptb-50{
	padding-top: 50px;
	padding-bottom: 50px;
}
.ptb-60{
	padding-top: 60px;
	padding-bottom: 60px;
}
.ptb-70{
	padding-top: 70px;
	padding-bottom: 70px;
}
.ptb-80{
	padding-top: 80px;
	padding-bottom: 80px;
}
.ptb-90{
	padding-top: 90px;
	padding-bottom: 90px;
}
.ptb-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
.ptb-110{
	padding-top: 110px;
	padding-bottom: 110px;
}
.p-70{
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 70px;
	padding-right: 70px;
}
.p-10p{
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	padding-right: 10%;
}
.p-10{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.p-20{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.p-30{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.p-100{
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 100px;
	padding-right: 100px;
}
/* Width */
.w-10{
	width: 10%;
}
.w-20{
	width: 20%;
}
.w-30{
	width: 30%;
}
.w-40{
	width: 40%;
}
.w-50{
	width: 50%;
}
.w-60{
	width: 60%;
}
.w-70{
	width: 70%;
}
.w-80{
	width: 80%;
}
.w-90{
	width: 90%;
}
.w-100{
	width: 100%;
}
@media screen and (max-width: 776px) {
	.w-10, .w-20, .w-30, .w-40, .w-50, .w-60, .w-70, .w-80, .w-90, .w-100{
		width: 100%;
		margin: 0 auto;
	}
	.mo-vis{
		display: none;
	}
	.mo-dis-table{
		display: table;
	}
}
.f-700{font-weight: 700}
/* Text-Align*/
.ta-l{
	text-align: left;
}
.ta-c{
	text-align: center;
}
.ta-r{
	text-align: right;
}
/* Height */
.h-100{
	height: 100%;
}
/* font-color */
.red{
	color: #d70c19;
}
.black{
	color: #000000;
}
.white{
	color: #fff;
}
/* font-大小寫 */
.ttran-up{
	text-transform: uppercase;
}
.ttran-low{
	text-transform: lowercase;
}
.ttran-first{
	text-transform: capitalize;
}
/* font-size */
.fs-11{
	font-size: 1.1em;
}
.fs-12{
	font-size: 1.2em;
}
.fs-13{
	font-size: 1.3em;
}
.fs-14{
	font-size: 1.4em;
}
.fs-15{
	font-size: 1.5em;
}
.fs-20{
	font-size: 2em;
}
.fs-25{
	font-size: 2.5em;
}
.fs-30{
	font-size: 3em;
}
.fs-40{
	font-size: 4em;
}
.fs-50{
	font-size: 5em;
}
/* Background */
.bg_white{
	background: #fff;
}
.bg_light_gray{
	background: #f6f6f6;
}
.bg_gray{
	background: #d8d8d8;
}
.bg_red{
	background: #e60012;
	color: #fff;
}
/* Position */
.pos_rel{
	position: relative;
	z-index: 2;
}
.pos_abs{
	position: absolute;
	z-index: 2;
}
/* Float*/
.flo-l{
	float: left;
}
.flo-r{
	float: right;
}
/* text-align */
.t-l{
	text-align: left;
}
.t-c{
	text-align: center;
}
.t-r{
	text-align: right;
}
/* border */
.bb-1{
	border-bottom: 1px solid #d2d2d2;
}
.bb-2{
	border-bottom: 2px solid #d2d2d2;
}
.br-1{
	border-right: 1px solid #d2d2d2;
}
.clear{
	clear: both;
}
.dis_none{
	display: none;
}
/* Action */
.active05
{
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    transition:all .5s ease;
}
.active03
{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}
.form-label{
	padding: .5rem 0;
	font-family: 'NotoSans-Bold';
}
.form-control{
	padding: .5rem;
	width: 100%;
}
.security .form-control{
	width: 40%;
	display: inline-block;
}
.security .caption{
	display: inline-block;
	
}
.font-red{color:red;}
@media screen and (max-width: 1080px) {	
	.ml-50{
		margin-left: 0;
	}
	.mr-50{
		margin-right: 0;
	}
}