html{width:100%;position:relative;min-height:100%;margin:0;padding:0;font-size:14px}body{position:absolute;min-width:100%;min-height:100%;margin-bottom:60px;font-family:"Comic Sans MS"}a{text-decoration:none}ul{margin:0;padding:0}li{list-style:none}.imgthumb{width:100%}.mContainer{position:relative;min-height:100%;background-color:#fcfbfb}.themeColor{color:#ffc93c}.text-base{font-size:1rem}.page-wrapper{margin:20px 0 30px}.dash-line{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:10px}.dash-line .front,.dash-line .end{flex:1;border-bottom:2px dashed #000}.dash-line .or{margin:0 30px}.ticTacToe .table .operation{text-align:right}.ticTacToe .tb{border-collapse:collapse;margin:0 auto}.ticTacToe .tb,.ticTacToe th,.ticTacToe td{border:3px solid #000}.ticTacToe th,.ticTacToe td{width:100px;height:100px;text-align:center;font-size:50px}.ticTacToe td{background-color:#7fffd4}.dialogSuggest{position:absolute;top:50%;left:50%;min-width:350px;transform:translate(-50%, -50%)}.popup{display:none}table .td5{width:5%}table .td10{width:10%}table .td20{width:20%}table td{word-break:break-all}.headContent ul li a{font-weight:bold}.search{position:relative;width:100%;margin:30px 0}.search .input-group{justify-content:center}.search .wrap{position:relative}.search .form{display:inline-block;text-align:center}.search .input{border-radius:10px;padding:10px 70px 10px 20px}.search .searchBtn{position:absolute;right:0px;height:50px;background:none;border:none;padding:10px 15px}.mContent{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:55px 20px;background-color:#fcfbfb}.mContent .introImg{width:80%}.container-fluid .logo{display:inline-block;text-align:center;font-size:20px;color:ivory}.container-fluid .logo:hover{text-shadow:1px 1px 2px red,0 0 1em blue,0 0 .2em blue}.subscription p{width:80%;font-size:18px}.subscription .title{color:#00bfff;font-weight:bold;font-size:20px}.section .wrapper{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:0}.section .wrapper .row{width:100%}.section .wrapper .row .list-item{margin-bottom:10px}.section .wrapper h4{background-color:red}#footer{position:relative;display:flex;width:100%;justify-content:space-between}#footer .container{display:flex;flex-direction:column;width:100%}#footer .container .wrapper{display:flex;flex-direction:row;align-items:center;padding:70px 0}#footer .container .wrapper .logo{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center}#footer .container .wrapper .logo .logo-img{width:120px;height:120px}#footer .container .wrapper .logo .logo-title{font-size:1.3rem;font-weight:bold;color:#fff}#footer .container .wrapper .info{flex:2;display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start}#footer .container .wrapper .info .info-wrapper{display:flex;flex-direction:column;width:30%}#footer .container .wrapper .info .info-wrapper .title{font-size:1.1rem;font-weight:bold;color:#e1e1e1;padding:15px 0;border-bottom:1px solid #fff;line-height:30px}#footer .container .wrapper .info .info-wrapper a{display:inline-block;margin-top:10px;font-size:1rem;color:#bdbdbd;line-height:30px}#footer .container>.seperate-line{width:100%;height:1px;background-color:#898787}#footer .container>.bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}#footer .container>.bottom .front{display:flex;align-items:center}#footer .container>.bottom a{display:inline-block;margin-left:5px;padding:5px;text-decoration:none;color:#fff;font-size:1rem}@media screen and (max-width: 768px){html{font-size:16px}body{font-size:16px}.mContainer .mContent{padding:10px 0 0}.container-fluid .topMenu{display:flex;flex-direction:row}.section .wrapper .row{width:100%}.section .wrapper .row .list-item{margin-bottom:10px;width:100%}#footer .container .wrapper{flex-direction:column;padding:20px 0}#footer .container .wrapper .info{justify-content:flex-start;flex-wrap:wrap}#footer .container .wrapper .info .info-wrapper{width:50%;padding:0 10px}#footer .container>.bottom,.footer .container>.bottom .front{flex-direction:column}.footer .container>.bottom .front .desc{white-space:normal;padding:10px}.footer .container>.bottom .front .policy{display:flex;flex-wrap:wrap}}@media screen and (min-width: 769px)and (max-width: 1024px){body{font-size:16px}}@media screen and (min-width: 1025px){body{font-size:16px}}