.test{ float:left; width:720px;  background-color:#0F6;  }
 

 
header{     }


html, body {height: 100%}
.main { background:url(../images/bg_main.png) no-repeat; background-position: center; background-size:cover; overflow:hidden ; height: 100%; }

.header {text-align:center; margin-top:40px;}
.header .title {margin-top: 44px;}
.info {text-align:center; margin-top:48px;}
.info .sort {width: 240px;    border-bottom: 54px solid #103697;    border-left: 10px solid transparent;    border-right: 10px solid transparent;  border-radius: 0;  height: 0; margin: 0 auto; color: #fff; line-height: 0;font-size: 1.7rem; font-weight: bold; letter-spacing: -1px;}
.info .sort p { line-height: 58px;}

.info .title { background:#FFFFFF; width:800px; margin:0 auto; border:7px #103697 solid; border-radius:15px; line-height:100px; color:#222; font-size:2.5rem; font-weight:bold;}
.info .date {width: 440px;    border-top: 54px solid #103697;    border-left: 10px solid transparent;    border-right: 10px solid transparent;  border-radius: 0;  height: 0; margin: 0 auto; color: #fff; line-height: 0;font-size: 1.7rem; font-weight: bold; letter-spacing: -1px;}
.info .date p { margin-top: -35px;}

.main .btn { display: flex; justify-content: center; margin-top:50px; }
.main .btn div { margin:0 15px; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4)); }


.bank {width:700px; background: #fefa98; text-align: center;    border-radius: 30px;   margin: 0 auto; color: #000; line-height: 47px; font-size: 1.7rem; font-weight: bold; letter-spacing: -1px; margin-top: 50px;}


.main > h1 { display:block; background:#bbebff; text-align:center; color:#212121; font-size:1.8em; font-weight:bold; line-height:55px;}

.main .productInfo { margin:15px; background:#fff7cd; padding:14px;}
.main .productInfo  table {width:100%;}
.main .productInfo td { padding:6px 0; font-size:0.9em;}


.orderInfo {margin:15px;}
.orderInfo  table {width:100%;}
.orderInfo caption { color:#fff7cd; font-size:1em; font-weight:bold; margin-bottom:10px;}
.orderInfo td {padding:3px 0; color:#fff; font-size:0.9em; }
.orderInfo td  input{padding:4px 8px ; color:#333; font-size:1em; width:200px; border:0; }
.orderInfo td  input.sm{width:50px; }
.orderInfo td  textarea{padding:4px 8px ; color:#333; font-size:1em; width:200px; height:30px; border:0; }

.orderInfo td .sum {color:#ff1414; font-size:1.2em; font-weight:bold;padding:4px 8px ; width:200px; background:#fff;  }

 .orderBtn { text-align:center; margin-top:30px; margin-bottom:40px;}

.orderPrivacy{ margin:15px; color:#CCCCCC; font-size:0.8em}

.text {margin:15px; color:#fff; font-size:1em}


footer { background:#011236;  }
footer > .banner{width: 360px; margin: 0 auto;background:#fff; padding-top:15px; }
footer > address { background:#011236;color:#f6f6f6; padding:20px 0; text-align:center; font-size:0.8em;  font-style:normal; display:block;}



 @media all and (max-width:768px) {   
html, body {height: auto}
.main {  padding-bottom: 40px; }
	 .header {text-align:center; margin-top:30px;}
	 .header .logo img {width: 40%;}
	 .header .title {margin-top: 24px;}
	 .header .title img { width: 90%;}

	.info {text-align:center; margin-top:28px;}
	.info .sort {width:44%;    border-bottom: 34px solid #103697;    border-left: 10px solid transparent;    border-right: 10px solid transparent;  border-radius: 0;  height: 0; margin: 0 auto; color: #fff; line-height: 0;font-size: 1.1rem; font-weight: bold; letter-spacing: -1px;}
	.info .sort p { line-height:38px;}

	.info .title { background:#FFFFFF; width:80%; margin:0 auto; border:3px #103697 solid; padding: 5%; border-radius:10px; line-height:1.3; color:#222; font-size:1.5rem; font-weight:bold;}
	.info .date {width: 60%;    border-top: 34px solid #103697;    border-left: 10px solid transparent;    border-right: 10px solid transparent;  border-radius: 0;  height: 0; margin: 0 auto; color: #fff; line-height: 0;font-size: 1rem; font-weight: bold; letter-spacing: 0;}
	.info .date p { margin-top: -20px;}

	.main .btn { display: flex;  text-align: center; margin-top:20px;flex-direction: column; }
	.main .btn div { margin: 5px 0; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4)); }
	 .main .btn div img { width: 40%;}


	.bank {width:70%; padding: 5%; background: #fefa98; text-align: center;    border-radius: 90px;   margin: 0 auto; color: #000; line-height: 20px; font-size: 1rem; font-weight: bold; letter-spacing: 0; margin-top: 20px;}




	footer { background:#011236;  }
	footer > .banner{width: 360px; margin: 0 auto;background:#fff; padding-top:15px; }
	footer > address { background:#011236;color:#f6f6f6; padding:20px 0; text-align:center; font-size:0.8em;  font-style:normal; display:block;}



 }